JS DataTable问题小结

1. 添加序号

描述：给表单添加一列序号。

datatable = $('#datatable').DataTable({
            ajax: {
                "url": "${basePath}/datatable",
                "type": "post",
                "data": function (d) {
                }
            },
            columns: [
                // 这里设置序号
               {
                    title: "#", data: null,
                    className: 'text-center whiteSpace',
                    render: function(data,type,row,meta) {
                        return meta.row + 1 + meta.settings._iDisplayStart;
                    }
                },
            ]
        });

2. 默认排序

描述：可以在初始化 datatable 时，指定某列进行初始化排序。

datatable = $('#datatable').DataTable({

            aaSorting: [[5, "desc"]], // 默认排序[行号, 规则]
            // 行号从0开始，规则为 desc 降序 或 asc 升序

});

3. 不可排序列

描述：设置某列不允许排序，比如序号列。设置之后，该列头部就没有排序的标识。

datatable = $('#datatable').DataTable({
            // 设置是否允许datatable表达排序
            "bSort": true,

            // 设置不可排序列
            // aTargets 中可添加多列，如 [0,1,2] 
            aoColumnDefs: [ { "bSortable": false, "aTargets": [0] }] ,

});

4. 清除之前的 datatable 数据

描述：当刷新的时候，往往需要清除之前的datatable数据，否则会造成数据的叠加。

扫描二维码关注公众号，回复： 11956526 查看本文章

datatable = $('#datatable').DataTable({
            destroy: true, // 加载前销毁原数据
            scrollX: true, // 是否显示水平滚动条
            scrollY: true, // 是否显示垂直滚动条
            autoWidth: true, // 是否自动列宽
});

JS DataTable问题小结

猜你喜欢