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

Question

我在 datatables.net 上遇到问题，我想根据屏幕宽度超过 700 像素时显示排序/分页，并在屏幕宽度低于 700 像素时隐藏它。当我从超过 700 像素变为低于 700 像素时，它可以工作，但是当我再次增加宽度时，排序/分页不再显示。我读过有关具有销毁/检索属性的数据表，但我无法弄清楚出了什么问题。

此问题现已修复，更新代码如下！

我的 JavaScript 代码如下所示：

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

我现在的问题：

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

有什么建议吗？

Answer 1

来自retrieve选项的

描述

（强调我的）：

检索给定选择器的 DataTables 对象。请注意 如果 该表已经初始化，此参数将导致 DataTables 仅返回已设置的对象 - 它不会考虑您可能对 传递给 DataTables 的初始化对象（将此参数设置为 true 表示您理解这一点！）。

您需要在 if 情况下删除

retrieve: true

（并更改为

destroy: true

）或将其简化为

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