JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://s3.amazonaws.com/dynatable-docs-assets/js/jquery.dynatable.js"></script>
<link rel="stylesheet" href="https://s3.amazonaws.com/dynatable-docs-assets/css/jquery.dynatable.css">
<table id="my-final-table">
<thead>
<th>Band</th>
<th>Song</th>
<th style="display:none;" class="my-class">id</th>
</thead>
<tbody>
</tbody>
</table>
CSS
.yellow {
background: #FFFFCC;
}
JavaScript
var jsondata=[
{
"band": "Weezer",
"song": "El Scorcho",
"id":1
},
{
"band": "Chevelle",
"song": "Family System",
"id":2
}
];
var processingComplete = function(){
$('#my-final-table tr').on("click",function(){
console.log($(this));
});
};
$('#my-final-table').dynatable({
dataset: {
records: jsondata
}
}).bind('dynatable:afterProcess', processingComplete);
// call the first time manually
processingComplete();
$('tr').each(function(){
$(this).find('td').eq(1).addClass('yellow');
})