table

   <table class="table table-striped table-bordered table-hover "  
                                               id="table1">
                    <thead>
                    <tr>
                            <th>名</th>
                            <th>類型</th>
                            <th>是否為空</th>
                            <th>默認(rèn)值</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().fnClearTable();
                    $("#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": "對不起，查詢不到任何相關(guān)數(shù)據(jù)",
                            "sInfo": "當(dāng)前顯示 _START_ 到 _END_ 條，共 _TOTAL_條記錄",
                            "sInfoEmtpy": "找不到相關(guān)數(shù)據(jù)",
                            "sInfoFiltered": " 數(shù)據(jù)表中共為 _MAX_ 條記錄",
                            "sProcessing": "正在加載中...",
                            "sSearch": "搜索",
                            "oPaginate": {
                                "sFirst": "第一頁",
                                "sPrevious": " 上一頁 ",
                                "sNext": " 下一頁 ",
                                "sLast": " 最后一頁 "
                            }
                        },
                        dom: '<"html5buttons"B>lTfgitp,',
                        {#"order": [[0, 'desc']],#}
                        "ordering": false, // 禁止排序
                        buttons: ['copy', 'csv', 'excel']
                    });
                });

新聞名稱：jquerydatatableajax獲取數(shù)據(jù)/重新加載
網(wǎng)頁網(wǎng)址：http://aaarwkj.com/article4/gihjoe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、微信小程序、網(wǎng)站維護(hù)、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)