datatable的fnDestroy和fnClearTable的使用

datatable是jq的一个插件，具体的怎么使用以及各参数的作用官网都有，我就不说了。

当我们对一个table使用datatable初始化之后，我们改变了table的内容，然后想再次重新的对新的table进行初始化，那么我们该怎么做？

举一个例子：

我使用backbone写前端js代码：

var app.dt = {

sDom: '<"row"><"pull-right search"f>rt' +
　　'<"row"<"col-sm-12"<"pull-left"i>' +
　　'<"pull-left"l><"pull-right"p><"clearfix">>>D',
'bProcessing': true,
'bSort': false,
'bRetrieve': true,
'bLengthChange': true,
'iDisplayLength': 10,
'aLengthMenu': [10, 15, 20, 30],
'bDestroy': true
};

var dttable = $('#example').datatable(app.dt);

初始化完成之后，我们得到了想要的效果，然后，我们往table里面加了一条记录，也就是加了一个tr，然后再对此table进行datatable初始化会发现是不起作用的，那么我们的table就会变形，

本来按要求分页好的记录会一次性全部显示在第一页。

so 我的解决办法是:

if ($('#example').hasClass('dataTable')) {
　　dttable = $('#example').dataTable();
　　dttable.fnClearTable(); //清空一下table
　　dttable.fnDestroy(); //还原初始化了的datatable
}

//往$('#example')里面插入新的所有数据

if (app.xmCol.length !== 0) {
　　app.xmCol.each(this.addOne, this);
}

$('#example').dataTable(app.dt);

这样处理之后无论我们对table进行增还是删，那么我们的datatable能正常显示和分页了。

纯属个人实践经验，如果你有其他方法，还望分享。

 

转载于:https://www.cnblogs.com/ljg-jj/p/4402147.html