JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/plug-ins/3cfcc339e89/integration/jqueryui/dataTables.jqueryui.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/plug-ins/3cfcc339e89/integration/jqueryui/dataTables.jqueryui.css">
<script src="//cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div class="container">
    <table id="example" class="display" cellspacing="0" width="100%"></table>			
</div>

JavaScript

$(document).ready(function() {
    $('#example').dataTable({
        "columnDefs": [
            {  "title": "<span style='color:red'>dt-body-right</span>", className: "dt-body-right", "targets": [ 0 ]},
            {"title": "<span style='color:red'>dt-body-center</span>", className: "dt-body-center", "targets": [ 1 ]},
            {  "title": "<span style='color:green'>center</span>", className: "center" , "targets": [2]},
            {  "title": "<span style='color:green'>right</span>", className: "right" , "targets": [3]
            }
        ],
        "data": [
                            [
                              "Tiger Nixon",
                              "System Architect",
                              "Edinburgh",
                              "5421",
                              "2011/04/25",
                              "$320,800",
                              "sdsf",
                              "sdsf",
                              "s     dsf"
                            ],
                            [
                              "Garrett Winters",
                              "Accountant",
                              "Tokyo",
                              "8422",
                              "2011/07/25",
                              "$170,750",
                              "$170,75ff0",
                              "$170,75fsd0",
                              "$170,750"
                            ],
                            [
                              "aGarrett Winters",
                              "cAccountant",
                              "2Tokyo",
                              "8422",
                              "2011/07/25",
                              "$170,750",
                              "1",
                              "12",
                              "233"
                            ],
                            [
                              "Garrett Winters",
                             ...