MVCContrib Grid custom design

Question

I would like to reproduce the following design

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

Where A and B are fixed width columns containing images.

This would be easily accomplished using a <table> element like this

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

But I am using the Grid helper within the MVCContrib project. Is there a way to obtain a design like this one for every item inside a list of items?

Answer 1

You can implement your own GridRenderer. From Jeremy Skinner's blog:

The default GridRenderer is the HtmlTableGridRenderer. Which, surprisingly enough, renders the grid as an HTML table. By specifying your own GridRenderer, you can completely alter how the grid is rendered without resorting to completely rewriting the grid component.

You can get some ideas from HtmlTableGridRenderer's source code.