jquery datatable ajax 獲取數據/重新加載

table

   <table class="table table-striped table-bordered table-hover "  style="width: 100%;"
                                               id="table1">
                    <thead>
                    <tr>
                            <th>名</th>
                            <th>類型</th>
                            <th>是否爲空</th>
                            <th>默認值</th>
                            <th>備註</th>
                    </tr>
                    </thead>

                    <tbody>

                    </tbody>

</table>

js

data:
{
"data":[
    {"1":1,
    "2":2,
    "3":3,
    "4":4,
    "5":5,
    },
        {"1":1,
    "2":2,
    "3":3,
    "4":4,
    "5":5,
    }
]
}
                 $.getJSON(url, function (data, textStatus) {

                    $("#table1").dataTable().fnDestroy();

                    var data1 = data['data']

                    $('#table1').DataTable({
                        data: data1,
                        columns: [
                            {data: '1'},
                            {data: '2'},
                            {data: '3'},
                            {data: '4'},
                            {data: '5'}
                        ],

                        "oLanguage": {
                            "sLengthMenu": "每頁顯示 _MENU_ 條記錄",
                            "sZeroRecords": "對不起,查詢不到任何相關數據",
                            "sInfo": "當前顯示 _START_ 到 _END_ 條,共 _TOTAL_條記錄",
                            "sInfoEmtpy": "找不到相關數據",
                            "sInfoFiltered": " 數據表中共爲 _MAX_ 條記錄",
                            "sProcessing": "正在加載中...",
                            "sSearch": "搜索",
                            "oPaginate": {
                                "sFirst": "第一頁",
                                "sPrevious": " 上一頁 ",
                                "sNext": " 下一頁 ",
                                "sLast": " 最後一頁 "
                            }
                        },
                        dom: '<"html5buttons"B>lTfgitp,',
                        {#"order": [[0, 'desc']],#}
                        "ordering": false, // 禁止排序
                        buttons: ['copy', 'csv', 'excel']
                    });
                });
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章