css - XHTML Strict + CSS 中的带状 GridView

Question

我正在尝试使用 CSS 在 XHTML Strict 中创建一个简单的带状 GridView 。有关示例，请参见 this picture of a devExpress GridView .主要问题是如何创建一个表，其中每个条目由多行组成。当然，像

<table>
<tr><td>
   <table>
   <tr>
     <td width=100>Item 1, cell 1</td>
     <td width=200>Item 1, cell 2</td>
   </tr><tr>
     <td width=300>Item 1, cell 3</td>
   </tr><tr>
     <td width=150>Item 1, cell 4</td>
     <td width=150>Item 1, cell 5</td>
</td></tr>
<tr><td>
   <table>
   <tr>
     <td width=100>Item 2, cell 1</td>
     <td width=200>Item 2, cell 2</td>
   </tr><tr>
     <td width=300>Item 2, cell 3</td>
   </tr><tr>
     <td width=150>Item 2, cell 4</td>
     <td width=150>Item 2, cell 5</td>
</td></tr>
</table>

但是，这个‘味道’。使用大量 colspans 也是如此。还有其他选择吗？

Answer 1

你也可以嵌套表格:

<table>
<tr><td><!----- row 1 -->
    little icon
</td><td>
    <table>
        <tr><td>Band 1</td><td>some data</td></tr>
        <tr><td>Band 2</td><td>some other data</td></tr>
    </table>
</td></tr>
<tr><td><!----- row 2 -->
...
</td></tr>
</table>