0
148
VistasTabla Jinja, cuando la columna == valor, luego agregue div a la columna específica
Tengo una aplicación de matraz con una tabla jinja, una de las columnas tiene el valor = 1 cuando esa fila cumple con un criterio.
Por cada fila en la que esté presente un 1 en esa columna, me gustaría reemplazarlo con un círculo, por ejemplo:
¿Cómo lo agregaría a mi tabla jinja?
<table> <thead> <tr> {% for col in column_names %} <th> {{col}} </th> {% endfor %} </tr> </thead> <tbody> {% for row in row_data %} <tr> {% for col, row_ in zip(column_names, row) %} {% if loop.index == 1 %} <td> IF {{ row[16] }} == 1 then <div class="circle" style="float: left;">LB</div> else '' end {{row_}}</td> {% else %} <td>{{row_}}</td> {% endif %} {% endfor %} </tr> {% endfor %} </tbody> </table>Código HTML/CSS de div que quiero que aparezca en esa celda
.circle { width:20px; height:20px; border-radius:10px; font-size:8px; color:#fff; line-height:20px; text-align:center; background:#000 } <div class="circle" style="float: left;">LB</div>
·
Juan Pablo Isaza
1 Respuestas
Responde la pregunta0
Solución
Pruebe lo siguiente.
La declaración
if-elsede una línea enjinja2se ve así:{{ OUTPUT_WHEN_TRUE if condition else OUTPUT_WHEN_FLASE }}Entonces, en su caso, el código dentro de cada
<td></td>(dondeloop.index == 1sobre el bucle interno) se verá así:{{ '<div class="circle" style="float: left;">LB</div>' if row[16] == 1 else '' }} {{ row_ }}
Código
<table> <thead> <tr> {% for col in column_names %} <th> {{col}} </th> {% endfor %} </tr> </thead> <tbody> {% for row in row_data %} {% set row_loop = loop %} <tr> {% for col, row_ in zip(column_names, row) %} {% set col_loop = loop %} {# Choose which loop: row or col you are referring to #} {% if col_loop.index == 1 %} <td> {{ '<div class="circle" style="float: left;">LB</div>' if row[16] == 1 else '' }} {{ row_ }} </td> {% else %} <td>{{ row_ }}</td> {% endif %} {% endfor %} </tr> {% endfor %} </tbody> </table>Referencias
·
Juan Pablo Isaza
Denunciar
Responde la pregunta