jquery datatables动态绑定数据

Question

我通过jquery.post('a.action',callback,'json');返回数据，在callback()中动态生成一个html的table，并给这个table加上datatable的样式。即：$('table').dataTable();因为table中的数据是动态生成的，比如通过一个按钮增加一行，但是datatable就不能动态的绑定新的内容，这个该怎么解决呢

Answer 1

推荐这个博客看看。
Jquery DataTable基于Twitter Bootstrap的样式配置和demo下载  
http://www.suchso.com/UIweb/jquery-datatable-Twitter-Bootstrap-css-js-demo-down.html

Answer 2

这个问题自己来回答吧，因为使用Ajax获取数据，动态刷新数据源，所以会出现这个问题。现解决如下：

var datable=$('#example').dataTable({"bDestroy":true});

datable.fnClearTable();//清空数据表

        [其他代码，比如动态添加DOM，或修改其他表格内元素的属性]

$('#example').dataTable({"bDestroy":true});//重新调用插件

是先将原有数据表清空，然后再重新绑定新的数据源。这样就不会出现新旧数据源出现在同一张表上的情况了。

Answer 3

确切的说是datatable的bDestroy这个属性在显示时不如意，它说先解除原有的数据源，然后重新绑定，但是我的列表没有解除原有的数据源，而是将新的数据源添加到原有列表之后了，这样一条数据就会重复显示，刷新之后就好了。

Answer 4

用法？对吗