cells().invalidate() 失效被选中的多个单元格保持在DataTables内部数据中的数据

最低支持版本:DataTables 1.10


描述(Description)

DataTables为了提高表格某些操作,比如排序和搜索,把单元格的数据进行缓存。但如果你想修改一个单元格的内容(表格为DOM数据源)或者数组、对象的值(表格为AJAX/JS数组数据源), DataTables 是不会知道你做了修改。这个方法就是用来告诉DataTables重新从数据源读取数据。

cell().data()API row().data()API 两个方法可以修改单元格数据,相比下这两个方法比invalidate 更好,写更少的代码。但是invalidate方法最出色的是当表格的数据源是外部对象的时候,就可以用对象自己的方法来更新数据。

在之前,这个方法实际上会使所选单元格的整行的数据失效,但现在,这个方法只会让选中的单元格失效。

类型(Type)


function cells().invalidate( [ source ] )

描述(Description):

使选定的多个单元格的数据失效

参数(Parameters):

返回(Returns):

DataTables.ApiType

被选中单元格的Datatables API实例结果集


例子(Example)

使用jQuery修改单元格的内容,然后使DataTables保留的内部数据失效以保持一致

1
2
3
4
5
var table = $('#example').DataTable();
var td = $('#example tbody td:eq(0)');
 
td.html( 'Updated' );
table.cell( td ).invalidate().draw();

相关属性(Related)

下面的选项是直接相关的,也可能是您的应用程序的开发非常有用。

API

https://datatables.net/reference/api/cells().invalidate()

Translation from DataTables.net, with permission

百度站内搜索

Google站内搜索

赞助我们

赞助我们

您的支持,将是我们前进的最大动力……