MvcContrib Grille design personnalisé

Question

Je voudrais reproduire le dessin suivant

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

dans laquelle A et B sont fixés largeur des colonnes contenant des images.

Ce serait facile à réaliser en utilisant un élément <table> comme celui-ci

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

Mais je suis en utilisant l'aide grille au sein du projet MvcContrib. Est-il possible d'obtenir un design comme celui-ci pour chaque élément dans une liste d'éléments?

Answer 1

Vous pouvez implémenter votre propre GridRenderer. De ce Jeremy Skinner Blog :

  

Le GridRenderer par défaut est le   HtmlTableGridRenderer. Lequel,   de façon surprenante, rend la grille   comme une table HTML. En spécifiant votre   propre GridRenderer, vous pouvez complètement   modifier la façon dont la grille est rendue sans   le recours à la réécriture complètement   composant grille.

Vous pouvez obtenir des idées de HtmlTableGridRenderer code source .