JSFiddle - React, Tailwind, and code Playground

HTML

<div style="overflow: scroll; width: 600px;height:300px;">
		<table class="myTable tablesorter" style="width:100%;" id="table">
		
			<thead style=" font-size: 13px;height: 70px;">
				<tr>
					<th style="width:25px;cursor:pointer;" class="header">Title1</th>
					
						<th style="width:25px;cursor:pointer;" class="header">Title2</th>
					
						<th style="width:25px;cursor:pointer;" class="header">Title3</th>
					
						<th style="width:60px;cursor:pointer;" class="header">Title4</th>
					
						<th style="width:150px;cursor:pointer;" class="header">Title5</th>

				</tr>
			</thead>
			<tbody style="font-size: 0.7em;">
				<tr bgcolor="#FFFFFF">
					<td>Test data</td>
					<td>Test data</td>
					<td style="white-space:nowrap;">Test data This has long text</td>
					<td style="white-space:nowrap;">Test data</td>
					<td style="white-space:nowrap;">Test data</td>
				</tr>
				<tr bgcolor="#FFFFFF">
					<td>Test data</td>
					<td>Test data</td>
					<td style="white-space:nowrap;">Test data This has long text</td>
					<td style="white-space:nowrap;">Test data</td>
					<td style="white-space:nowrap;">Test data</td>
				</tr>
                <tr bgcolor="#FFFFFF">
					<td>Test data</td>
					<td>Test data</td>
					<td style="white-space:nowrap;">Test data This has long text</td>
					<td style="white-space:nowrap;">Test data</td>
					<td style="white-space:nowrap;">Test data</td>
				</tr>
                <tr bgcolor="#FFFFFF">
					<td>Test data</td>
					<td>Test data</td>
					<td style="white-space:nowrap;">Test data This has long text</td>
					<td style="white-space:nowrap;">Test data</td>
					<td style="white-space:nowrap;">Test data</td>
				</tr>
                <tr bgcolor="#FFFFFF">
					<td>Test data</td>
					<td>Test data</td>
					<td style="white-space:nowrap;">Test data This has long text</td>
					<td style="white-space:nowrap;">Test data</td>
					<td style="white-space:nowrap;">Test data</td>
				</tr>
                <tr...

CSS

table#table {
	    border-collapse: collapse;
	    border-spacing: 0;
		font-family: 'PT sans',Arial,Sans-serif;
		width:100%;
	}
	table#table th{
		background-color:#066D99;
		color:#fff;
		padding: 0 5px;
		font-weight: bold;
		font-size: 0.87em;
		height: 55px;
	}
	table#table td {
	    height: 36px;
	    padding: 0 4px;
	    text-align: left;
	    vertical-align: middle;
	}
	body {
	    font-family: 'PT Sans',Arial,sans-serif;
	    font-size: 11px;
		color: #666666;
	}
	th.headerSortUp,th.headerSortDown{
		border-color:#044059;
		background-color:#044059 !important;
	}