“拆分”一张桌子？

Question

有没有办法“拆分”表格行，以便我可以独立设置列宽？这就是我的意思：

************************************
*  70%                 *    30 %   *
************************************
*  20 %   *           80 %         *
************************************

我知道以下方法：

1. 使用 2 个表。但这有时会给我整个宽度带来问题，但它确实有效。
2. 70% 和 80% 是 colspan="2"。那个感觉就像一个黑客，不是最佳的。
3. 在此表中使用另一个表并将其拆分。这是可行的，但嵌套表会变得复杂。

有没有办法将thead与tbody分开，然后单独设置宽度？

提前致谢...

伯恩哈德

Answer 1

实现它的另一种可能性是
将<td> 的position 设置为absolute，并为每个单元格分别设置width、top、left 属性。

这使您可以独立设置宽度，但您也必须设置顶部或左侧属性。

Answer 2

我的建议是使用 DIV 代替表格，请参阅..

<DIV style="width:100%"> 
  <DIV style="width:70%; float:left;">row1 - column1</DIV>
  <DIV style="width:30%; float:left;">row1 - column2</DIV>

  <DIV style="width:20%; float:left;">row2 - column1</DIV>
  <DIV style="width:80%; float:left;">row2 - column2</DIV>
</DIV>

同样，您可以拥有不同宽度的列。你可以有自己的css类，我只是放了内联css来演示。 看到它非常灵活，因为您可以将它循环或拆分（DIV）表，不仅可以分成两个，还可以分成三个等等。

希望这会对您有所帮助。谢谢。