JSFiddle - React, Tailwind, and code Playground

HTML

<table id="test">
    <thead>
        <th>testesttest</th>
        <th>testesttest</th>
    </thead>
    <tbody>
        <tr>
            <td>ContentContent</td>
            <td>ContentContent</td> 
        </tr>
        <tr>
            <td>ContentContent</td>
            <td>ContentContent</td> 
        </tr>
    </tbody>
</table>

CSS

#test thead
{
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#test thead:hover
{
    cursor:default;
}