JSFiddle - React, Tailwind, and code Playground
by svierkant
HTML
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<script src="http://mis2.cronius.nl/scripts.js"></script>
<table id="DT_debiteuren" class="display table table-hover table-striped">
<thead>
<tr>
<th>Factuur</th>
<th>Klant</th>
<th>Factuurdatum</th>
<th>Laatste notificatie</th>
<th>Factuurbedrag</th>
<th>Openstaand</th>
<th>I</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="7">Bezig met laden...</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>Factuur</th>
<th>Klant</th>
<th>Factuurdatum</th>
<th>Laatste notificatie</th>
<th>Factuurbedrag</th>
<th>Openstaand</th>
<th>I</th>
</tr>
</tfoot>
</table>JavaScript
$(document).ready(function() {
DT_debiteuren = $('#DT_debiteuren').dataTable({"aoColumnDefs":[{"bVisible":false,"aTargets":[1]}],"bPaginate":false,"bLengthChange":false,"iDisplayLength":false,"aaData":[["<a href=\"finance\/invoice\/?id=582\" title=\"582\">Factuur 52-18<\/a>","<span class=\"ui-silk ui-silk-user-green\"><\/span> <a href=\"projecten\/info\/52\">Johan Oskam<\/a>","2012-08-20 <span class=\"label\">237<\/span>","2013-02-01 <span class=\"label label-important\">72<\/span>","35.70","35.70","<span class=\"ui-silk ui-silk-accept\">accept<\/span>"],["<a href=\"finance\/invoice\/?id=673\" title=\"673\">Herinnering 84-4<\/a>","<span class=\"ui-silk ui-silk-user-green\"><\/span> <a href=\"projecten\/info\/84\">M for Art<\/a>","2013-03-25 <span class=\"label\">20<\/span>","2013-01-31 <span class=\"label label-important\">73<\/span>","72.60","72.60","<span class=\"ui-silk ui-silk-accept\">accept<\/span>"],["<a href=\"finance\/invoice\/?id=687\" title=\"687\">Herinnering 134-12<\/a>","<span class=\"ui-silk ui-silk-user-red\"><\/span> <a href=\"projecten\/info\/134\">Notice Branded Media<\/a>","2013-02-15 <span class=\"label\">58<\/span>","2013-02-27 <span class=\"label label-important\">46<\/span>","293.12","293.12","<span class=\"ui-silk ui-silk-accept\">accept<\/span>"],["<a href=\"finance\/invoice\/?id=551\" title=\"551\">Herinnering 314-1<\/a>","<span class=\"ui-silk ui-silk-user-green\"><\/span> <a href=\"projecten\/info\/314\">Eetcafe 2e Kamer<\/a>","2013-02-14 <span class=\"label\">59<\/span>","2013-02-14 <span class=\"label label-important\">59<\/span>","1034.55","1034.55","<span class=\"ui-silk ui-silk-exclamation\">exclamation<\/span>"],["<a href=\"finance\/invoice\/?id=618\" title=\"618\">Voldaan 41-35<\/a>","<span class=\"ui-silk ui-silk-user-green\"><\/span> <a href=\"projecten\/info\/41\">Handtekening.nl<\/a>","2012-12-09 <span class=\"label\">126<\/span>","2013-01-11 <span class=\"label\">93<\/span>","-823.02","0.00","<span class=\"ui-silk...