Bootstrap DataTable自定义表格 设置某列不排序

很多情况下,我们使用外来插件不一定满足自己的业务需求。所以一般插件都会提供自定义的功能给用户做出自己想要的效果。

DataTable提供的表格样式里面,第一行都是会有排序功能的,但是如果遇到我们想将第一列设置为chexkbox,那也就是说这一列我们不需要排序,如图:


我们可以改写一下jquery代码:

$(document).ready(function () {
            $('#dataTables-example').DataTable({
                "aoColumnDefs": [{ "bSortable": false, "aTargets": [0]}],
            });
        });

但是,改完之后会发现,页面一加载之后,第一列总是会有排序的箭头,如图:


是因为插件本身设定在页面加载进去之后以第一列为开始做排序,也就是第0列

所以我们还需要再加段代码:

$(document).ready(function () {
            $('#dataTables-example').DataTable({
                "aoColumnDefs": [{ "bSortable": false, "aTargets": [0]}],
                "aaSorting": [[1, "desc"]]
            });
        });

这样就可以解决问题,使程序本身从第一列开始排序。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值