JSFiddle - React, Tailwind, and code Playground

by emepyc

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css">
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<table id="dtData"></table>

JavaScript

$('#dtData').dataTable( {
                "data": [
                    ["A", ""],
                    ["B", ""],
                    ["D", ""],
                    ["E", ""],
                    ["F", ""],
                    ["G", ""],
                    ["H", ""],
                    ["I", ""],
                    ["J", ""],
                    ["K", ""],
                    ["L", ""]
                    ],
                 "columns": [
                    { "title": "Label" },
                    { "title": "Rendered"}
                ],
                "fnCreatedRow" : function (row, data, dataIndex) {
                    var div = document.createElement("div");
                    $(div).text("hello");
                    $(row).children("td:last-child").append(div);
                },
                "paging": true,
                "searching": true,
                "ordering": false
            } );