DataTables

DataTables Examples

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.0/css/jquery.dataTables.css">
<div class="container">
      <table id="hr_curriculum_interns" class="table table-striped">
        <thead>
          <tr>
             <th>Age</th>
             <th>Position</th>
             <th>-</th>
             <th>-</th>
             <th>-</th>
             <th>-</th>
             <th>-</th>
             <th>-</th>
             <th>-</th>

          </tr>
        </thead>


       <tbody>
         <tr>
           <td>31/12/2015</td>
           <td>Athos</td>   
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>    
        </tr>

         <tr>
           <td>31/12/2014</td>
           <td>Athos</td>   
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>    
        </tr> 
 <tr>
           <td></td>
           <td>Athos</td>   
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>    
        </tr> 

         <tr>
           <td>14/11/2014</td>
           <td>Athos</td>   
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>    
        </tr> 

        <tr>
            <td>31/12/2013</td>
           <td>Athos</td>   
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
           <td>Athos</td>  
       ...

JavaScript

$(document).ready( function () {
 $('#hr_curriculum_interns').dataTable( {
    "aoColumns": [
        { "sType": "date-uk" },
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        null
    ]
  });  
} );

$.extend(jQuery.fn.dataTableExt.oSort, {
    "date-uk-pre": function (a) {
        var x;
        try {
            var dateA = a.replace(/ /g, '').split("/");
            var day = parseInt(dateA[0], 10);
            var month = parseInt(dateA[1], 10);
            var year = parseInt(dateA[2], 10);
            var date = new Date(year, month - 1, day)
            x = date.getTime();
        }
        catch (err) {
            x = new Date().getTime();
        }
 
        return x;
    },
 
    "date-uk-asc": function (a, b) {
        return a - b;
    },
 
    "date-uk-desc": function (a, b) {
        return b - a;
    }
});