1. 程式人生 > >jquery datatable 實例操作

jquery datatable 實例操作

sorting 字段 自帶 ssi 防止 ack ref process tin

 var dataTables = $(".table").dataTable({
                    data: d,//為ajax的值,沒有直接用插件自帶的請求數據方式,個人data的方式好控制一些
                    columns: [{//設置表格內容
                        sDefaultContent: "",//默認值
                        data: "Id",//對應數據json的key
                        bVisible: false //此列不顯示
                    }, {
                        title: 
"名稱", data: "Name",
              class:"",//設置當前td的class值
               render: function (data, type, full) { //自定義模塊的內容,data為key對應的Name的值,full為所有的值
                return "<div title=‘" + data + "‘ > " + data + "</div>"; //可以通過設置div的寬來防止無法設置表格td的寬,並且可以添加title
              }
}
], //"columnDefs": [{//設置 編輯按鈕 // "targets": [3], // "data": "id", // "render": function (data, type, full) { // return "<a class=‘updata‘ href=‘#‘ >編輯</a>"; //
} //}], bPaginate: false, //是否顯示(應用)分頁器 bInfo: false, //是否顯示頁腳信息,DataTables插件左下角顯示記錄數 bSort: true, //是否啟動各個字段的排序功能 aaSorting: [[0, ‘asc‘]],//默認排序列 bSelectAll: false, fnCallback: function () { }, //oPageSize: 10, //oSortType: "desc", //oSortCol: "proName", bProcessing: true, oLanguage: {//多語言配置 "sProcessing": "正在加載中......", "sLengthMenu": "每頁顯示 _MENU_ 條記錄", "sZeroRecords": "對不起,查詢不到相關數據!", "sEmptyTable": "表中無數據存在!", "sInfo": "當前顯示 _START_ 到 _END_ 條,共 _TOTAL_ 條記錄", "sInfoFiltered": "數據表中共為 _MAX_ 條記錄", "sSearchPlaceholder": "?? 查找",//搜索框內占位符 "sSearch": "",//搜索框前的字體 "oPaginate": { "sFirst": "首頁", "sPrevious": "上一頁", "sNext": "下一頁", "sLast": "末頁" } } });

jquery datatable 實例操作