美文网首页
HTML表格的条件格式

HTML表格的条件格式

作者: 夏天的技术博客 | 来源:发表于2020-06-12 01:36 被阅读0次

有没有开箱即用的解决方案来获得 HTML表格的条件格式?

使用条件格式化时,我更感兴趣的是将不同的颜色作为单元格背景,具体取决于该值或其他列(在同一个表中)的值(数值).

类似于我们在excel条件格式中所拥有的东西 – >颜色标度 – >红黄绿.我想在一个通过JSP动态生成的表中实现它.

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

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

相关文章

  • HTML表格的条件格式

    有没有开箱即用的解决方案来获得 HTML表格的条件格式? 使用条件格式化时,我更感兴趣的是将不同的颜色作为单元格背...

  • HTML笔记-- 表格标签

    HTML笔记-- 表格标签 标签(空格分隔): HTML 表格标签(*******) 作用:可以对数据进行格式化操...

  • T1.8 Excel-Graphical table

    如何美化表格——>条件格式 A 突出显示单元格 【开始】—【条件格式】——【突出显示单元格】——设计规则和样式 B...

  • 条件格式扮靓表格

    今天学了用条件格式扮靓表格的九个用法 一、基本用法 1.突出显示单元格规则 包括:大于、小于、结余、等于、文本包含...

  • 条件格式 扮靓表格

    DAY8:条件格式,扮靓表格 001 3个基本用法:突出显示单元格规则,快速查找重复值,最前/最后规则 002 进...

  • 条件格式扮靓表格,给你的眼睛做个SPA

    美啦美啊,条件格式这一招用上,表格秒变高大上。今天的课程学习,除了了解到了条件格式来怎样扮美自己的表格以外,还连带...

  • HTML-表格table-2018.07.05

    HTML表格-table 基本格式 代表行,格式 代表列,格式 ,所有的单元格内容都在td中进行输入 代表...

  • 表格

    创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下: 单元格内的...

  • 2018-10-25数据库基础

    格式 -- 备注 select 展示项目名/* from 表格名 where 查询条件 group by 分组...

  • 一种个股公告摘要智能提取方法

    (1) 把个股公告内容(一般是pdf格式)通过一定技术转换成html格式。(2)识别出html当中的表格table...

网友评论

      本文标题:HTML表格的条件格式

      本文链接:https://www.haomeiwen.com/subject/jxpwtktx.html