使用不使用数据表的普通 Jquery 显示/隐藏

Posted 2023-05-08

【中文标题】使用不使用数据表的普通 Jquery 显示/隐藏

【英文标题】：Show/Hide Using Normal Jquery Not Working With DataTables

【发布时间】：2017-03-14 18:25:07

【问题描述】：

我正在为我的 html 表使用数据表插件。数据表工作正常。所有的分页、排序和搜索功能都运行良好。我想使用普通的 Jquery 显示/隐藏切换来显示/隐藏一组列。单击“显示”按钮时，表格很好。但是，当按下“隐藏”按钮时，列会被隐藏，但这些隐藏列的单元格值会在第 10 行之后移动。

我尝试为 td 和 th 分配一个通用类名和/或一个通用 id，但问题仍然存在。我的 Jquery 代码：

$(document).ready(function () 
        $("#show").click(function () 
            $(".disappear).toggle();
        );
    );

【问题讨论】：

那是复制/粘贴吗，因为如果是，那么您错过了类名后面的“”。

【参考方案1】：

我建议参考这篇文章jQuery hide element while preserving its space in page layout

基本上，您需要应用 CSS css('visibility','hidden')，而不是使用 .hide()

.hide() 设置display:none，因此该元素不占用空间，其他元素可以获取该空间。