Question

我有一个datatables.net的问题我想根据screnn宽度超过700px时显示排序/分页，并在700px以下时隐藏它。它的工作时间从700px到700px以下，但当我再次增加宽度时，排序/分页不再显示。我已经读过有关具有destroy / retrieve属性的数据表但我无法弄清楚什么是错误的。

现在修复了以下更新代码！

我的javascript代码如下所示：

   $(window).resize(function() {
    var isLarge = $(this).width() > 700;
    $('#transactionsTable').dataTable({
        destroy: true,
        searching: isLarge,
        paging: isLarge
    });
});

我现在的问题：

出于某种原因，当我更改屏幕宽度以检查响应式设计时，css似乎无法正确加载。因此，如果我从大屏幕宽度变为较小屏幕宽度，则顶部分页/搜索的css不会加载。

有什么建议吗？

Answer 1

来自retrieve选项的description（强调我的）：

检索给定选择器的DataTables对象。请注意 if 该表已经初始化，此参数将导致 DataTables只返回已经设置的对象 - 它不会考虑您可能对此进行的任何更改初始化对象传递给DataTables（将此参数设置为这是对你理解这一点的肯定！）。

您需要删除{if}中的retrieve: true（并更改为destroy: true），或者只是将其简化为

$(window).resize(function() {
    var isLarge = $(this).width() > 700;
    $('#transactionsTable').dataTable({
        destroy: true,
        searching: isLarge,
        paging: isLarge
    });
});

数据表显示/隐藏排序/分页

1 个答案: