当前位置:  开发笔记 > 编程语言 > 正文

如何在不调整整体宽度的情况下隐藏表格行?

如何解决《如何在不调整整体宽度的情况下隐藏表格行?》经验,为你挑选了1个好方法。

有没有办法隐藏表行而不影响整个表宽度?我有一些javascript显示/隐藏了一些表行,但是当行设置display: none;为时,表会缩小以适合可见行的内容.



1> levik..:

如果要保留表的整体宽度,可以在隐藏行之前进行检查,并将width style属性显式设置为此值:

table.style.width = table.clientWidth + "px";
table.rows[3].style.display = "none";

但是,当您隐藏行时,这可能会导致各列重排.缓解此问题的一种可能方法是向表中添加样式:

 table {
  table-layout: fixed;
 }

推荐阅读
k78283381
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有