Estoy usando Flask WTF para mostrar los resultados de una consulta de la base de datos, pero me gustaría cambiar el color del fondo de la celda a rojo claro si el valor es inferior a 25. No estoy seguro de cómo y dónde insertar el javascript para probar el valor de la celda y cambie la clase CSS para esa celda de datos. En la actualidad, puedo cambiar los datos de toda la columna a la clase de arranque "bg-danger", pero no una celda.

Aquí hay una versión simplificada del código python:

 import os import logging from flask import Flask, render_template from flask_bootstrap import Bootstrap from flask_moment import Moment from flask_table import Table, Col app = Flask(__name__) bootstrap = Bootstrap(app) moment = Moment(app) class damLevel(object): def __init__(self, Dam, PercentFull): self.Dam = Dam self.PercentFull = PercentFull class damTable(Table): classes = ['table', 'table-bordered', 'table-striped'] Dam = Col('Dam') PercentFull = Col(name='PercentFull',attr='PercentFull', td_html_attrs={'class':'bg-danger'}) @app.route('/', methods=['GET']) def index(): damData = [damLevel('Boulder', '85'), damLevel('FishPond', '7')] damForm=damTable(damData) return render_template('damlevels.html', damForm=damForm) if __name__ == '__main__': app.run(debug=True, host='0.0.0.0', port=int(os.environ.get('PORT', 8080)))

Aquí está la plantilla HTML:

 {% extends "base.html" %} {% import "bootstrap/wtf.html" as wtf %} {% block title %}DamLevels{% endblock %} {% block page_content %} <div class="page-header"> <h1>Dam Levels</h1> </div> <div class="container" > <form action="" method="get" class="form" role="form"> <div class="row" style="width:32em"> {{ damForm }} </div> <div class="row"> <a href="/">Return</a> </div> </form> </div> {% endblock %}