html - 显示不存在的表格单元格

Question

问题：我的两列表格的每个表格单元格都需要 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/

Answer 1

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

我找到了一个简单的解决方案，即包含适当数量的单元格的空白行，其 CSS 属性设置为肉眼不可见 - 基本上，标题行对表格的作用，除非不被看到。