使用DataTables替换表体

Question

我是使用DataTables的新手,我一直在努力改变我的DataTable的主体.

我一直在寻找API和搜索论坛,但我找不到任何东西.

API有一个函数body(),用于获取表体.如果有一个设置它的功能,那将是太棒了.

想象一下,我正在通过AJAX获得一个全新的表体,我想要删除旧体并将其放置.

我曾经通过jQuery函数来做这件事,html()但看起来事情在这里有所不同.

Answer 1

如果你需要替换所有行,我建议使用clear()和的组合rows.add().

例如:

var table = $('#example').DataTable();

table.clear();
table.rows.add( [ 
    {
        "name":       "Tiger Nixon",
        "position":   "System Architect",
        "salary":     "$3,120",
        "start_date": "2011/04/25",
        "office":     "Edinburgh",
        "extn":       "5421"
    }, {
        "name": "Garrett Winters",
        "position": "Director",
        "salary": "$5,300",
        "start_date": "2011/07/25",
        "office": "Edinburgh",
        "extn": "8422"
    } 
] );

否则,如果要将表替换为HTML内容,则需要使用destroy(),替换tbody然后再次使用表重新初始化表来销毁表DataTable().

例如:

var table = $('#example').DataTable();

table.destroy();

$('#example').html('<thead><tr><th></th></tr></thead><tbody></tbody>');

table = $('#example').DataTable();