MVCContrib Grid定制设计

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项目中使用Grid助手。有没有办法为项目列表中的每个项目获得这样的设计？

Answer 1

您可以实现自己的GridRenderer。 来自Jeremy Skinner的blog：

  

默认的GridRenderer是   HtmlTableGridRenderer。哪一个，   令人惊讶的是，渲染网格   作为HTML表格。通过指定你的   拥有GridRenderer，你可以完全   改变网格的渲染方式   诉诸于完全重写   网格组件。

您可以从HtmlTableGridRenderer的source code获取一些想法。