zebra tablas tabla para imagenes hojas estilo elegantes ejemplos diseño con bordes css zope template-tal chameleon zpt

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.