Table动态排序-sorttable

sorttable: Make all your tables sortable: https://kryogenix.org/code/browser/sorttable/
如何让一个Table具有动态排序的效果,大多数的情况,我们会将前台排序信息,传到后台去Order;那么是否可以不经过后台处理,直接根据已有的数据排序呢?答案是肯定的,今天发现了一个强大的Js库可以对table动态排序,分享给大家,使用步骤如下:
1.下载js库;
2.再页面头部中引用
  
 <script src="sorttable.js"></script>

3.添加table class
  
 <table class="sortable">

点击表列头,是不是可以了

如果想要控制排序按钮的样式,可以添加如下css样式
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

附件:JS库

猜你喜欢

转载自donald-draper.iteye.com/blog/2361740