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數據，否則會造成數據的疊加。

datatable = $('#datatable').DataTable({
            destroy: true, // 加載前銷燬原數據
            scrollX: true, // 是否顯示水平滾動條
            scrollY: true, // 是否顯示垂直滾動條
            autoWidth: true, // 是否自動列寬
});