DataTables Sandbox

HTML

<script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css">
<table id="demo">
  <thead>
    <tr>
      <th>Id</th>
      <th>Name</th>
      <th>Greeting</th>
      <th>Rendered Value</th>
    </tr>
  </thead>
</table>

CSS

.even {
  border-bottom: 1px solid red;
}

JavaScript

var tableData = [
  [1, "Mike", "Hello"],
  [2, "Sam", "Hi"],
  [3, "Steve", "Hello"],
  [4, "Zack", "Hey"],
  [5, "Bob", "Hola"]
];

$("#demo").DataTable({
  "data": tableData,
  "columnDefs": [{
    "render": function(data, type, row) {
      data = data || "UNDEF";
      return "Custom id [" + row[0] + "] type [" + type + "] data [" + data + "]";
    },
    "targets": 3 // Column number
  }],
  "info": false, // Showing x to y of z entries    
  "paging": false, // Show x rows at a time
  "searching": false, // Show search text input
  "ordering": false, // Show ordering links in headers
});