DataTables

DataTables Examples

HTML

<script src="https://cdn.datatables.net/2.0.7/js/dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/2.0.7/css/dataTables.dataTables.min.css">
<div class="container">
  <table cellpadding="0" cellspacing="0" border="0" class="dataTable table table-striped" id="example">
  </table>
</div>
<button id="demo">Click me</button>

CSS

table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
  background-color: #A2D3F6;
}

JavaScript

const dataSet = [
    ["Computer1", "25"],
    ["Computer2", "18"],
    ["Computer3", "27"],
    ["Computer4", "22"],
    ["Computer5", "45"],
    ["Computer6", "15"],
  ];

  const columnDefs = [{
    title: "Name"
  }, {
    title: "FreeSpace",
    visible: false
  }];

  const myTable = $('#example').DataTable({
    data: dataSet,
    columns: columnDefs,
  });
  
  document.getElementById('demo').onclick = () => {
    alert("[" + myTable.columns(':visible').visible().toArray() + "]");
  }