JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<script src="https://cdn.datatables.net/colvis/1.1.0/js/dataTables.colVis.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/colvis/1.1.0/css/dataTables.colVis.min.css">
<div class="info"></div>
<table id="example">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Today: <span class="update"></span>

            </th>
            <th>Column 4</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>One</td>
            <td>Two</td>
            <td>Three</td>
            <td>Four</td>
        </tr>
    </tbody>
</table>

JavaScript

$(function () {

    var oTable = $('#example').DataTable();
    var colvis = new $.fn.dataTable.ColVis(oTable);

    $(colvis.button()).insertAfter("div.info");

    $(oTable.columns().header()).each(function () {
        $(this).children("span").filter(".update")
            .html("06/19/2015");
    });

    oTable.column(2).visible(false);

    $.fn.dataTable.ColVis.fnRebuild();

});