JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.css">
<script src="//code.jquery.com/jquery-3.2.1.js"></script>
<script src="//cdn.datatables.net/v/dt/dt-1.10.16/datatables.min.js"></script>
<table>
<thead><tr><td>Head
<tbody><tr><td>Cell in first table
</table>
<table>
<thead><tr><td>Head
<tbody><tr><td>Cell in second table
</table>
CSS
.bgcolor {
background-color: red;
}
JavaScript
$(function() {
api = $('table').DataTable({dom: 't'});
api.columns().every(function(columnIndex, tableCounter) {
var nodes = this.nodes();
console.log([tableCounter, $(nodes).html()]);
$(nodes).addClass('bgcolor');
});
});