JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <td>
                Heading
            </td>

            <td>
                Heading
            </td>
        </tr>
    </thead>
    <tbody>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
        <tr><td>meow</td><td>meow</td></tr>
    </tbody>
</table>

CSS

tbody {
	width: 100%; float: left; display: block; overflow-y: scroll; max-height: 100px;
}
tr {
	float: left; display: block;
}
td {
	float: left; display: block;
}
tr {
	width: 100%; height: auto;
}
td {
	width: 49%; float: left;
}
table {
	width: 100%;
}