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"]]
            });
        });

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

你可能感兴趣的:(Bootstrap DataTable自定义表格 设置某列不排序)