JSFiddle - React, Tailwind, and code Playground

by KarloX2

HTML

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.18/b-1.5.4/b-colvis-1.5.4/cr-1.5.0/datatables.min.css"/>
 
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/jq-3.3.1/dt-1.10.18/b-1.5.4/b-colvis-1.5.4/cr-1.5.0/datatables.min.js"></script>

<table width="100%" class="display" id="example"></table>

JavaScript

var dataSet = [
["aaaaaaaaaa", "bbbb", "ccc", "d"],
["aaaa", "bbb", "cc", "dddd"],
["a", "bbbbbb", "ccccc", "dddddd"]];
            
            
 $(document).ready(function () {
            var table = $('#example').DataTable({
                data: dataSet,
                colReorder: { enable: true },
                dom: 'Bfrtip',
                buttons: [ 'colvis' ],
                columns: [
                    { title: "A" },
                    { title: "B", visible: false },
                    { title: "C" },
                    { title: "D" }
                ]
                
        });            
        });