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]);
                    }
                }
            });
       });

Answer 2

我所做的与 ZDYN 和 David 提出的类似，但采用了更经过数学验证的方式。

计算出动态值后，我开始计算要使用颜色代码的列的百分位数

(L/N)*100
其中： L=> 项目数减去正在计算的百分位值
N => 项目总数

现在，根据我从上述计算中获得的百分位，分配适当的颜色以供显示表格时使用。
通过这种方法，我可以根据需要灵活地在不同粒度级别使用不同的调色板。
例如，我可以在一种情况下使用 Red 表示百分位数，范围为 0-5，在另一种情况下使用 0-10。所有这些部分都可以灵活编码，因为上述所有步骤都是在后端完成的。（爪哇语）