简单易懂,页面只需引入封装好的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显示不出来,你的可以,是什么原因呢?