JSFiddle - React, Tailwind, and code Playground

HTML

<table class="display" id="example">
	<thead>
		<tr>
			<th class="tdhide">ID</th>
			<th class="tdhide">RFQ</th>
			<th>Select</th>	
			<th>Line</th>
			<th>Line Type</th>
			<th>Item</th>
			<th>Description</th>
			<th>Order Qty</th>
			<th>Order Unit</th>
			<th>Enter By</th>
  		</tr>
 	</thead>
	<tbody>
	</tbody>
</table>

JavaScript

$("#example").dataTable( {
			"bJQueryUI": true,
			"sPaginationType": "full_numbers",
			"destroy":true,	
			"bProcessing": true,
			"sAjaxDataProp": "",
			"sAjaxSource": "dataSources.txt",
			"aoColumns": 
			[
				{ "mData": "id", "sClass":"tdhide"},
				{ "mData": "rfqnum", "sClass":"tdhide" },
				{ "sDefaultContent": "<input type='checkbox' class='singlecheck' value='mDataIDvariable'>"},
				{ "mData": "rfqlinenum" },
				{ "mData": "linetype" },
				{ "mData": "itemnum" },
				{ "mData": "description" },
				{ "mData": "orderqty" },
				{ "mData": "orderunit" },
				{ "mData": "enterby" }
			],
			
		});