HTML 表格 - 单元格跨越

Question

如果我有一个表格，其列数在创建表格期间无法确定，并且其行有时可能没有包含足够的数据来填充每一列，有没有办法让每行中的最后一个单元格自动调整大小？

我宁愿不必在每一行的最后一个单元格上使用 colspan，因为同样，在绘制表格时，最大列数是不可预测的。

例如:

-----------------------------------
NEW ROW | FOO | BAR                | <- last cell should span the length of the table
-----------------------------------
NEW ROW | FOO | BAR | TEST | BLAH  | <- no spanning needed, as it contains the most cols
-----------------------------------
NEW ROW | FOO | BAR | TEST         | <- last cell should span the length of the table
-----------------------------------

Answer 1

您可以为每一行创建一个单独的表格，并使用 CSS 设置列宽以控制布局。在这种情况下，最后一个单元格的宽度将设置为“自动”

或者，如果您知道您可能拥有的最大列数(或选择一个超过您将渲染的列数的数字)，您可以将最后一个单元格的 colspan 设置为等于该数字减去为该行生成的单元格数。

例如，如果您选择 100 作为您将拥有的最大单元格数，您上面的代码将如下所示...

<TABLE border="1">
   <TR><TD>NEW ROW</TD><TD>FOO</TD><TD COLSPAN="97">BAR</TD></TR>
   <TR><TD>NEW ROW</TD><TD>FOO</TD><TD>BAR</TD><TD>TEST</TD><TD COLSPAN="95">BLAH</TD></TR>
   <TR><TD>NEW ROW</TD><TD>FOO</TD><TD>BAR</TD><TD COLSPAN="96">TEST</TD></TR>
</TABLE>