Question

我有一个表并使用javascript我给用户提供了通过将显示样式设置为none来从表中删除表行的选项。如果用户想要再次看到行，我需要将显示样式从无，我的问题是我不知道使用什么样的样式。我认为表行组是最明智的，但它弄乱了行...... 我在这里创建了一个小提琴并复制了下面的代码

https://jsfiddle.net/b2s3dpo5/#&togetherjs=7EwfsBJIfw

{{1}}

和必要的javascript

{{1}}

Answer 1

尝试#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */ #p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */ #p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */ #p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* green with opacity */ #p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* light green with opacity */ #p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dark green with opacity */ #p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* pastel green with opacity */或visibility:hidden或两者。

Answer 2

我自己想出来......正确的展示风格是空的

el[i].style.display = '';

对我来说很好卡尔

Answer 3

首先，出于可读性目的，当您与社区的其他人共享时，尝试创建更简洁的标题（虽然我知道这不是什么大问题。）

我会尝试

    visibility:hidden

表格行的显示样式与标题保持对齐

3 个答案: