因?yàn)檎糜玫轿考迹约郝髁撕芫锰谟浵聦懹杏玫摹?/p>

第一件事徘层，上官網(wǎng)datatables。
我發(fā)現(xiàn)竟然還有個(gè)中文版的利职，但非官方趣效，授權(quán)翻譯的，走起中文版
api集合
配置選項(xiàng)

修改全局默認(rèn)配置

$.extend( true, $.fn.dataTable.defaults, {
    processing: true,
    language: {
        processing:     "數(shù)據(jù)處理中...",
        search:         "",
        lengthMenu:     "顯示 _MENU_ 項(xiàng)結(jié)果",
        info:           "顯示第 _START_ 至 _END_ 條訂單猪贪，共 _TOTAL_ 條",
        infoEmpty:      "沒有顯示條目",
        infoFiltered:   "(由 _MAX_ 項(xiàng)結(jié)果過濾)",
        infoPostFix:    "",
        loadingRecords: "數(shù)據(jù)讀取中...",
        zeroRecords:    "無符合數(shù)據(jù)",
        emptyTable:     "沒有數(shù)據(jù)",
        paginate: {
            first:      "首頁",
            previous:   "前一頁",
            next:       "后一頁",
            last:       "最后"
        },
        aria: {
            sortAscending:  ": 升序排列",
            sortDescending: ": 降序排列"
        }
    },
    responsive: true,
    searching: false,
    ordering: false,
    lengthChange: false
})

ajax實(shí)用的參數(shù)

var table = $('#table').DataTable({      
        ajax: "url",
        "columns": [
            { "data": "key1" },
            { "data": "key2" }
        ],
        "columnDefs": [
            {
                "render": function ( data, type, row ) {
                    return row.key + data;//row.key指拿到的json里面的key對應(yīng)的value跷敬，data值對應(yīng)的"columns"中拿到的第幾個(gè)值，這里就是第一個(gè)值"key1"對應(yīng)的value
                },
                "targets": 0
            },
            {
                "render": function ( data, type, row ) {
                    return "hello 我是第二個(gè)值" + data;
                },
                "targets": 1
            }                
        ],
        "drawCallback": function( settings ) { //回調(diào)函數(shù)
            var api = new $.fn.dataTable.Api( settings );
            var num = api.rows().data().length;   //api.rows().data()就是指拿到的json值
            console.log(num);
        }               
});

重新加載ajax的url

var table = $('#example').DataTable( {
    ajax: "data.json"
} );
 
table.ajax.url( 'newData.json' ).load();

補(bǔ)充一個(gè)重點(diǎn)

關(guān)于json格式热押，最好寫成如下方式西傀，取值方便

{
    "data": { //盡量不要改名 就叫data
        "key1": "value1",
        "key2": "value2"
    }
}