Untitled

<html>
    <body>
        <h3>Table 1</h3>
        <table id="A">
            <thead>
                <tr>
                    <th>Location</th>
                    <th>Widgets</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>X</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>Y</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>Z</td>
                    <td>3</td>
                </tr>
        </table>

        <hr/>

        <h3>Table 2</h3>
        <table id="B">
            <tr><th data-attrib="table-header">Location</th><th>Widgets</th></tr>
            <tr>
                <td data-attrib="location"><span><b>D</b></span></td>
                <td data-attrib="widgets"><span>4</span></td>
            </tr>
            <tr>
                <td data-attrib="location"><span><b>E</b></span></td>
                <td data-attrib="widgets"><span>5</span></td>
            </tr>
            <tr>
                <td data-attrib="location"><span><b>F</b></span></td>
                <td data-attrib="widgets"><span>6</span></td>
            </tr>
        </table>
    </body>
</html>