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

Question

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

Answer 1

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

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

以下案例表将重新排列： -

你可以使用切片方法

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

OR

你可以用td / th索引号来实现这个：

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