JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<table id="main_dash">
    <thead>
        <tr class="ui-widget-header">
            <th></th>
            <th>{"Date"|_}</th>
            <th>{"Type"|_}</th>
            <th>{"Regarding"|_}</th>
            <th>{"Submitted By"|_}</th>
            <th>{"Review"|_}</th>
            <th>{"Assign"|_}</th>
        </tr>
    </thead>
</table>

JavaScript

var mainTable;
var dashTable;
var locale = $("#locale_data").text();

$(document).ready(function () {
    mainTable = $("#main_dash").DataTable({
        "pagingType": "full_numbers",
            "pageLength": 10,
            "ajax": {
            "url": "ajax_tables/main_table.php",
                "type": "POST"
        },
            "columnDefs": [{
            "orderable": false,
            "targets": 0
        }],
            "columns": [{
            "data": "flagged"
        }, {
            "data": "date"
        }, {
            "data": "type"
        }, {
            "data": "regarding"
        }, {
            "data": "submitted_by"
        }, {
            "data": "review"
        }, {
            "data": "assign"
        }, ],
            "autoWidth": false,
            "order": [
            [1, 'asc']
        ],
            "deferRender": true,
            "initComplete": function () {
            setInterval(function () {
                mainTable.ajax.reload(null, false);
            }, 30000);
        },
    });

    dashTable = $("#my_dash").DataTable({
        "language": {
            "url": "../locale/" + locale + "/LC_MESSAGES/" + "dt." + locale + ".txt",
        },
            "searching": false,
            "paging": false,
            "info": false,
            "columnDefs": [{
            "orderable": false,
            "targets": 0
        }],
    });

    $(".button").click(function () {
        ajaxRequest(query, function (data) {
            $(".g_content").empty().append("replied to");

            // dataTables 1.9 click function - this work
            if (mainTable.length) {
                mainTable.fnDeleteRow(row);
            } else {
                dashTable.fnDeleteRow(row);
            }

            // dataTables 1.10 - doesnt work mainTable.length always fails
            if (mainTable.length) {
                mainTable.row(row).remove().draw();
            } else {
               ...