Show/Hide 使用普通 Jquery 不使用数据表

Question

我正在为我的 html table 使用 datatables 插件。数据table 工作正常。所有的分页、排序和搜索功能都运行良好。我想 show/hide 一组使用正常 Jquery Show/Hide 切换的列。单击 "Show" 按钮时， table 就可以了。但是，当按下 "Hide" 按钮时，列被隐藏，但这些隐藏列的单元格值在第 10 行之后移动。

我尝试为 td 和 th 分配一个共同的 class 名称 and/or 一个共同的 id，但问题仍然存在。我的 Jquery 代码：

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

Answer 1

我建议参考这个 post jQuery hide element while preserving its space in page layout

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

.hide() 设置 display:none 因此元素不会占用 space 并且其他元素可以获得 space.

Show/Hide 使用普通 Jquery 不使用数据表

Show/Hide Using Normal Jquery Not Working With DataTables

datatable

jquery

show-hide