JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <thead>
        <th>Heading 1</th>
        <th>Heading 2</th>
        <th><input type="checkbox" />Select all</th>
    </thead>
    <tbody>
        <tr>
            <td colspan="2">[+/- collapse/expand] Some subheading</td>
            <td><input type="checkbox" />Select all</td>
        </tr>
        <tr>
            <td>Item x</td>
            <td>Item x</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
        <tr>
            <td>Item x</td>
            <td>Item x</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
        <tr>
            <td colspan="2">[+/- collapse/expand] Some subheading</td>
            <td><input type="checkbox" />Select all</td>
        </tr>
        <tr>
            <td>Item x</td>
            <td>Item x</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
        <tr>
            <td>Item x</td>
            <td>Item x</td>
            <td>
                <input type="checkbox" />
            </td>
        </tr>
    </tbody>
</table>