tablas - ¿Cómo crear tiras de cebra CSS con TAL?
tablas en html ejemplos (1)
¿Cómo puedo usar las plantillas de página de Chameleon o Zope para crear fácilmente franjas de cebra CSS? Quiero agregar clases odd
e odd
a cada fila de una tabla, pero usar una condición con repeat/name/odd
o repeat/name/even
parece bastante detallado incluso con una expresión condicional:
<table>
<tr tal:repeat="row rows"
tal:attributes="class python:repeat[''row''].odd and ''odd'' or ''even''">
<td tal:repeat="col row" tal:content="col">column text text</td>
</tr>
</table>
Esto se vuelve especialmente tedioso si tienes varias clases para calcular.
La implementación de las Plantillas de página de Zope para la variable de repeat
tiene un parámetro extra , documentado, parity
, que le da la cadena ''odd''
o ''even''
, alternando entre iteraciones:
<table>
<tr tal:repeat="row rows"
tal:attributes="class repeat/row/parity">
<td tal:repeat="col row" tal:content="col">column text text</td>
</tr>
</table>
Esto también es mucho más fácil de interpolar en una expresión de cadena:
tal:attributes="class string:striped ${row/class} ${repeat/row/parity}"
Esto funciona también en Chameleon.