如何在表格的tbody/thead部分周围创建边框？

Question

我正在尝试使用表格数据创建一个页面,该页面必须显示为多个表格.但是,我有四个相互矛盾的要求:

1. 每个表必须有一个边框.
2. 每个表的列宽必须能够根据内容重新调整大小.但是,列宽必须在所有表中保持一致.(即列的大小基于所有表中该列中的最大单元格).

为了处理第二个要求,我有一个单独的顶级表,其中包含多个thead和tbody部分.这完美地完成了#2.本质上,我在一个较大的父表中创建了多个伪表,分组为一个带有附带tbody的thead:

<table>
   <thead>
      table1 header content...
   </thead>
   <tbody>
      table1 body content...
   </tbody>
   <thead>
      table2 header content...
   </thead>
   <tbody>
      table2 body content...
   </tbody>
</table>

现在,我试图解决第一个要求.每个伪表必须在其周围有一个边框,将其自身作为真正的表传递.

令我沮丧的是,我发现IE 6/7不允许在thead/tbody标签周围添加边框样式,或者我只是向thead和底部/左/右边框添加了一个上/左/右边框样式风格到tbody.

为那些解决#1的作品创建真正的表格和样式边框,但它打破了#2.

另一种方法是使用first-child和last-child样式来创建边框.不幸的是,这既不漂亮,也不适用于IE 6/7.

我一直在研究的另一个选择是在整个表周围创建一个边框,并尝试在伪表之间创建一行来创建我的分离,但是虽然我可以为它创建顶部/底部边框,但我还没有发现意味着擦除表格的左/右边界.那可能吗？

我的最后一个选择是创建用于绘制左,右,顶部和底部边框的类,设置适当的表格单元格以使用这些类.我知道这最终会起作用,但它非常笨重,并且会造成非常混乱的标记.Colgroups不能救我,因为他们无法处理边框样式.这是不幸的,因为它会使这个解决方案更容易忍受.

有没有更好的方法来完成我可能错过的边界？

Answer 1

使用<table rules="groups">或类似的值rules

见http://www.w3.org/TR/html4/struct/tables.html#h-11.3.1