简单易懂,页面只需引入封装好的tablesort.js,然后进行初始化就可以了,并且封装的tablesort.js都有相应的注释,如果需求变化可以自己进行修改和维护。
有点抱歉的就是这里的样式没有调整好,没时间整理,还望各位老铁们儿轻点下手。
window.onload = function()
{
    new TableSorter("tb1");//first ways
    new TableSorter("tb2", 0, 2 , 5, 6); //second ways (注释:这里意思是可以设置那一列进行筛选排序操作)
    new TableSorter("tb3").OnSorted = function(c, t) //three ways
    {
        alert("table is sorted by " + c.innerHTML + " " + (t ? "Asc" : "Desc"));
    }
}                                      
                        <style type="text/css">
    div{border-radius: 5px;}
       .SortDescCss {
           background-image: url(../static/images/Desc.gif);
           background-repeat: no-repeat;
           background-position: right center;
       }
       .SortAscCss {
           background-image: url(../static/images/Asc.gif);
           background-repeat: no-repeat;
           background-position: right center;
       }
</style>用在我的表单gif显示不出来,你的可以,是什么原因呢?