XHTML Strict + CSS中的帶狀網格視圖

我正嘗試在CSS中使用XHTML Strict創建簡單的帶狀網格視圖。有關示例，請參閱this picture of a devExpress GridView。主要問題是如何創建一個表，其中每個條目由多行組成。當然，像XHTML Strict + CSS中的帶狀網格視圖

<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也同樣如此。還有其他選擇嗎？

來源

2009-06-08 Martijn

，你可以建立在此的div數據網格，但是爲什麼你認爲「這味道」？呈現複雜的表格內容是正常的方法。 P.S. width =「300」colspan =「2」？ – 2009-06-08 09:55:45

我不得不說這是一個*糟糕的UI，但是除了審美判斷之外，我會考慮使用ul子結構。 HTML並沒有很好的支持這樣的東西，但是這比HTML我認爲更多地討論了結構。 – annakata 2009-06-08 11:34:52

你也可以嵌套表：

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

當然

來源

2009-06-08 11:18:15 0scar

你可以用自己的方式輸出表格（或者作爲代碼隱藏的方法，或者作爲自定義控制器），用DataTable對象或類似的東西作爲輸入。不要認爲標準的gridview控制器能夠做到你想要的。

來源

2009-06-08 08:54:33

XHTML Strict + CSS中的帶狀網格視圖

回答

相關問題