Table动态排序-sorttable

sorttable: Make all your tables sortable:[url]https://kryogenix.org/code/browser/sorttable/[/url]
如何让一个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库
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值