Multiple PDF Table

Note: This class is to be used when you need to display several PDF buttons on product pages. To create this, you will be adding tr on top of one another. There can be as many category titles as you wish and as many td spaces as you wish beneath each category title. Each td below the category title should be a different PDF listed. Please don't change the link text from "button text goes here". Please also leave the th as it is. You can make the category titles anything you wish to suit your needs.

Tis code can be seen here Examples.

<table class="multiple-pdf-table">
    <thead>
        <tr>
            <th>**th goes here**</th>
        </tr>
    </thead>
    <tbody>
        <tr class="cat-title">
            <td>**cat title goes here**</td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr class="cat-title">
            <td>**cat title goes here**</td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr class="cat-title">
            <td>**cat title goes here**</td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr class="cat-title">
            <td>**cat title goes here**</td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
        <tr class="cat-title">
            <td>**cat title goes here**</td>
        </tr>
        <tr>
            <td>
                <div class="flex-control">
                    <p>**name of pdf goes here**</p>
                    <a class="pdf-table-links" href="#">**button text goes here**</a>
                </div>
            </td>
        </tr>
    </tbody>
</table>