javascript - html表格单元格的条件格式

Question

是否有开箱即用的解决方案来对 HTML 表格进行条件格式化？

对于条件格式，我更感兴趣的是根据该列或其他列(在同一个表中)的值(数字)使用不同的颜色作为单元格背景。

类似于我们在 excel 条件格式 -> 色标 -> 红黄绿中的内容。我想在通过 JSP 动态生成的表中实现它。

是否有任何 JavaScript/jquery 或 JSP 解决方案？

Answer 1

http://jsfiddle.net/stofke/Ya68Q/

      $(function() {
            $('tr > td:odd').each(function(index) {
                var scale = [['vPoor', 10], ['poor', 50], ['avg', 250], ['good', 1250], ['vGood', 6250]];
                var score = $(this).text();
                for (var i = 0; i < scale.length; i++) {
                    if (score <= scale[i][1]) {
                        $(this).addClass(scale[i][0]);
                    }
                }
            });
       });