DataTables

DataTables Examples

by moorthy28sep

HTML

<link rel="stylesheet" href="//cdn.datatables.net/1.10.0/css/jquery.dataTables.css">
<script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.js"></script>
<table id="example">
  <thead>
    <tr><th>values</th></tr>
  </thead>
  <tbody>
    <tr><td>035721576</td></tr>
    <tr><td></td></tr>      
    <tr><td>035721577</td></tr> 
    <tr><td></td></tr>
  </tbody>  
</table>

JavaScript

var __emptyOnTop = function(a, b, high) {
  a = a || high;
  b = b || high;
  return ((a < b) ? -1 : ((a > b) ? 1 : 0));   
}
 
jQuery.extend( jQuery.fn.dataTableExt.oSort, {
  "empty-on-top-asc": function (a, b) {
     return __emptyOnTop(a, b, Number.NEGATIVE_INFINITY)
  },
  "empty-on-top-desc": function (a, b) {
     return __emptyOnTop(a, b, Number.POSITIVE_INFINITY) * -1
  }
});
var table = $('#example').DataTable({
  columnDefs: [
    { targets: 0, type: 'empty-on-top' }
  ]
})