css - XHTML Strict + CSS中的带状网格 View

我正在尝试使用CSS在XHTML Strict中创建一个简单的带状网格视图。有关示例，请参见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也是一样。还有其他选择吗？

最佳答案

您还可以嵌套表：

<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>