很多情况下,我们使用外来插件不一定满足自己的业务需求。所以一般插件都会提供自定义的功能给用户做出自己想要的效果。
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"]]
});
});
这样就可以解决问题,使程序本身从第一列开始排序。