jquery - 如何防止隐藏时自动排列表列？

Question

我有一个说五列的 html 表。我有在 jquery 中隐藏一列的功能。但是如果我隐藏第一列 2-5 列重新排列为 1-4。如何防止这种情况？

Answer 1

尝试使用 css 属性可见性：隐藏和可见。您可以在所需的表格列上调用此函数 onclick 或 onload。在这种情况下，空间将保持不变，不会重新排列，只有数据不可见。

    function myFun() {
            var hideme = document.getElementById("columnId");
            hideme.style.visibility = "hidden";
        }

在以下情况下，表格将重新排列：-

你可以使用切片方法

 $("#tableId td").slice(<index number>, <index number>).hide();     

或者

您可以通过 td/th 索引号来实现这一点：

 $('#tableId td:nth-child(1), #tableId th:nth-child(1)').hide();