MVCContrib網格定製設計

Question

我想再現以下設計

+-----------------------------------+---+---+ 
| some text here     | A | B | 
+-----------------------------------+---+---+ 
| some multiline text here     | 
+-------------------------------------------+ 

其中a和b是固定的包含圖像寬度的列。

這將很容易完成使用<table>元素這樣

<table> 
    <tr> 
     <td>some text here</td> 
     <td width="20"><img alt="" src="/imageurl" /></td> 
     <td width="20"><img alt="" src="/imageurl" /></td> 
    </tr> 
    <tr><td colspan="3">some multiline text here</td></tr> 
</table> 

但我現在用的是MVCContrib項目中網格幫手。有沒有辦法爲項目列表中的每個項目獲得像這樣的設計？

Answer 1

您可以實現自己的GridRenderer。 從傑里米·斯金納的blog：

默認GridRenderer是 HtmlTableGridRenderer。其中，令人驚訝的是，將網格 呈現爲HTML表格。通過指定 自己的GridRenderer，可以完全更改 如何在不使用 網格組件的情況下渲染網格。

你可以從HtmlTableGridRenderer的source code得到一些想法。