html 表格单元格的条件格式

2024-05-17

是否有现成的解决方案可以对 HTML 表格进行条件格式设置?

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

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

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


http://jsfiddle.net/stofke/Ya68Q/ 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]);
                    }
                }
            });
       });
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html 表格单元格的条件格式 的相关文章