JSFiddle - React, Tailwind, and code Playground

HTML

<table width="100%" border="1" cellpadding="0" cellspacing="0">
    <tr>
        <th>Sl.No</th>
        <th>Name</th>
        <th>Dec 2013</th>
        <th>Feb 2014</th>
        <th>Jan 2015</th>
        <th>Mar 2014</th>
        <th>Nov 2013</th>
        <th>Total</th>
    </tr>
    <tr>
        <td>Sl.No</td>
        <td>Name</td>
        <td>Dec 2013</td>
        <td>Feb 2014</td>
        <td>Jan 2015</td>
        <td>Mar 2014</td>
        <td>Nov 2013</td>
        <td>Total</td>
    </tr>
    <tr>
        <td>Sl.No</td>
        <td>Name</td>
        <td>Dec 2013</td>
        <td>Feb 2014</td>
        <td>Jan 2015</td>
        <td>Mar 2014</td>
        <td>Nov 2013</td>
        <td>Total</td>
    </tr>
</table>

JavaScript

var arr = $('th').sort(function(a, b) {
   return new Date(a.innerHTML) > new Date(b.innerHTML);
}).map(function(){ return this.cellIndex }).get();

$('tr').each(function() {
    $(this).children().sort(function(a, b) {
        a = $.inArray(a.cellIndex, arr);
        b = $.inArray(b.cellIndex, arr);
        return a > b;
    }).prependTo(this);
});