Pregunta

Me gustaría reproducir el siguiente diseño

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

donde A y B son fijos anchura columnas que contienen las imágenes.

Esto se logra fácilmente usando un elemento de <table> como este

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

Pero yo estoy usando el ayudante de cuadrícula dentro del proyecto MVCContrib. ¿Hay una manera de obtener un diseño como este uno para cada elemento dentro de una lista de elementos?

¿Fue útil?

Solución

Puede implementar su propio GridRenderer. De Jeremy Skinner Blog :

El valor predeterminado es el GridRenderer HtmlTableGridRenderer. Cual, sorprendentemente, hace que la rejilla como una tabla HTML. Especificando su GridRenderer propia, que por completo se puede alterar la forma en la rejilla se vuelve sin recurrir a reescribir por completo el rejilla componente.

Se puede obtener algunas ideas de código fuente .

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top