如何在调用页事件后刷新数据表

How to refresh DataTables after call to page event?

本文关键字:刷新 数据表 事件 调用      更新时间:2023-09-26

这是我的方案…

我正在使用数据表分页。我的第一列是基于传入数据的css样式。因此,我为表中项目的属性显示了正确的彩色图标。第一页上的所有内容都显示正确。只做基本的工作,其他页面上的所有内容都不会显示,因为它当时从DOM中删除了。

所以,我做了$('#my_id').on('page.dt', function() {perPageFunctionCall();}).dataTable(so on an so forth)};来调用一个函数来选择正确的彩色标志。

当我点击第2页时,没有任何更新。我再次点击第1页,它正确地重新显示了第1页。我现在第二次点击第2页,这次它正确地显示了所有内容。

那么是什么导致显示不更新与我的新css第一次旅行,但显示正确的后续行程?在我完成css操作后,是否有办法刷新元素或数据表?

这是两件事之一:

或者

1:我添加了

    .on( 'order.dt',  function () { perPageFunctionCall(); } )
    .on( 'search.dt', function () { perPageFunctionCall(); } )

除了my page函数调用之外。

但更可能是每个人都喜欢的原因:

缓存

2:

无论在哪种情况下,它现在都像预期的那样完美地工作。

表:

var path = "/server_processing.php";
var dt = $('#tableid').DataTable();
dt.clear();
dt.draw();
dt.ajax.url(path).load()