Question

我正在尝试使用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也是如此。还有其他选择吗？

Answer 1

您可以编写自己的输出表格的方式（作为代码隐藏中的方法，或作为自定义控制器），使用DataTable对象或类似输入作为输入。不要认为标准的gridview-controller能够做到你想要的。

Answer 2

你也可以嵌套表格：

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

XHTML Strict + CSS中的带状网格视图

2 个答案: