JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.css">
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<table id="MeterDataTable" class="display" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>meter</th>
            <th>id</th>
            <th>desc</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <th>meter</th>
            <th>id</th>
            <th>desc</th>
        </tr>
    </tfoot>
</table>

JavaScript

$(document).ready(function () {
    var dataset = [
        ['test', '15', 'testDesc'],
    ];  
    
	$('#MeterDataTable').DataTable(
	{
		//"ajax": 'DataTables-1.10.7/examples/ajax/data/meterDataJsonDown.txt',
		"data": dataset,
		"columns": [
					  { "title": "meter" },
					  { "title": "id" },
					  { "title": "desc" }
				   ]
	});
});