显示不存在的表格单元格

时间:2014-10-29 00:38:17

标签: html css-tables colgroup

问题:我的双列表的每个表格单元格需要50%宽,但正常的单元格规则不适用于单单元格表格,它占100%,因为表是100%。我的CSS看起来像这样:

.mytable{ width: 100%; }
.mytable tr td { width: 50%; }

我尝试了每一个我能想到的CSS组合并获得了nada。为此,我放弃了CSS。

所以现在我想强制我的表格渲染两个单元格,即使标记中只有一个单元格也是如此。我试图用<colgroup> <col span="2"> </colgroup>做到这一点,但它似乎也无法正常工作。

问题:当只有一个表格单元存在时,如何强制我的表格呈现两个表格单元格?

JS小提琴:http://jsfiddle.net/uryvmz57/

1 个答案:

答案 0 :(得分:0)

我的问题是我的动态表有时由于数据控制而没有足够的单元格,因此单元格大小将呈现为表格的宽度而不是我指定的宽度,因为表格设置为100%。

我找到了一个简单的解决方案,包括适当数量的单元格的空行,其CSS属性设置为肉眼不可见 - 基本上,标题行将为表做什么,除非没有被看到。