字体颜色显示设置

7629
24

nannan 数据老手Lv5

发表于2019-5-23 17:09

悬赏1

已解决

楼主
怎么让表格里的这一列数据前2个字显示红色,后面的字显示白色 ?
最佳答案
nannan 发表于 2019-5-24 16:47
好的,太感谢啦

换成这个试试setColcolor("grid2", 1, "red",1);第4个参数是设置从那一行开始字体颜色为红色。

  1. <script type="text/javascript">
  2.                         setTimeout(function() {
  3.                                 //设置表格的某一列的字体颜色,参数分别为表格代号,指定列(从0开始),字体颜色
  4.                                 setColcolor("grid2", 1, "red",1);

  5.                                 function setColcolor(grid, col, color,nonerow) {
  6.                                         var grid2 = document.getElementById(grid.toUpperCase());
  7.                                         var spans = grid2.getElementsByTagName("span");
  8.                                         var inspan = document.createElement("span");
  9.                                         var collen = grid2.getElementsByTagName("col").length;
  10.                                         var rowlen = grid2.getElementsByTagName("tr").length;
  11.                                         var y = col + collen*nonerow;
  12.                                         for (var i = 0; i < rowlen-nonerow; i++) {
  13.                                                 var str = spans[i + y].innerHTML;
  14.                                                 var arr = str.split('');
  15.                                                 var len1 = arr.length;
  16.                                                 if (len1 !== 0) {
  17.                                                         spans[i + y].appendChild(inspan);
  18.                                                         addStrOfInspan(inspan);
  19.                                                         //设置前两位字颜色
  20.                                                         inspan.style.color = color;
  21.                                                         var reg = new RegExp(".{1," + len1 + "}");
  22.                                                         spans[i + y].innerHTML = spans[i + y].innerHTML.replace(/$/g, addStrAfterInspan(len1)).replace(reg, "");

  23.                                                 } else {
  24.                                                         y = y - 1;
  25.                                                 }
  26.                                                 y = y + collen;
  27.                                         }

  28.                                         //添加内部span内容
  29.                                         function addStrOfInspan(inspan) {
  30.                                                 var instr = "";
  31.                                                 for (var i = 0; i < 2; i++) {
  32.                                                         instr += arr[i];
  33.                                                 }
  34.                                                 inspan.innerHTML = instr;
  35.                                         }
  36.                                         //将数组拼接成字符串
  37.                                         function addStrAfterInspan(len) {
  38.                                                 var str = "";
  39.                                                 for (var i = 2; i < len; i++) {
  40.                                                         str += arr[i];
  41.                                                 }
  42.                                                 return str;
  43.                                         }
  44.                                 }
  45.                         }, 400)
  46.                 </script>
复制代码


24个回答

只看楼主

缱绻 数据领袖Lv6

发表于2019-5-23 17:11

只看该作者

取消 关注该作者的回复

沙发

是可视化表格吗?

nannan 数据老手Lv5

发表于2019-5-23 17:14

只看该作者

取消 关注该作者的回复

板凳

缱绻 发表于 2019-5-23 17:11
是可视化表格吗?

对是的

缱绻 数据领袖Lv6

发表于2019-5-23 17:17

只看该作者

取消 关注该作者的回复

地板


我本地操作一下哈  稍等

nannan 数据老手Lv5

发表于2019-5-23 17:18

只看该作者

取消 关注该作者的回复

5#

缱绻 发表于 2019-5-23 17:17
我本地操作一下哈  稍等

好的

缱绻 数据领袖Lv6

发表于2019-5-23 17:26

只看该作者

取消 关注该作者的回复

6#


您这些数据都是固定的还是从数据库中取出来的呢?

nannan 数据老手Lv5

发表于2019-5-23 17:26

只看该作者

取消 关注该作者的回复

7#

缱绻 发表于 2019-5-23 17:26
您这些数据都是固定的还是从数据库中取出来的呢?

从数据库抽取出来的

缱绻 数据领袖Lv6

发表于2019-5-23 17:56

只看该作者

取消 关注该作者的回复

8#

nannan 发表于 2019-5-23 17:26
从数据库抽取出来的

您看这样行不行,把分析表中的数据取到文本中去 然后展示文本 设置文本的颜色

缱绻 数据领袖Lv6

发表于2019-5-24 10:20

只看该作者

取消 关注该作者的回复

9#

nannan 发表于 2019-5-23 17:26
从数据库抽取出来的

您这个需求  是就浮动出来这一列数据吗?如果有多列数据,就这其中一列的前2个字体颜色设置为红色吗?

nannan 数据老手Lv5

发表于2019-5-24 10:22

只看该作者

取消 关注该作者的回复

10#

缱绻 发表于 2019-5-24 10:20
您这个需求  是就浮动出来这一列数据吗?如果有多列数据,就这其中一列的前2个字体颜色设置为红色吗? ...

有多列数据,就这一列的前2个字显示为红色

缱绻 数据领袖Lv6

发表于2019-5-24 10:45

只看该作者

取消 关注该作者的回复

11#

nannan 发表于 2019-5-24 10:22
有多列数据,就这一列的前2个字显示为红色

好的 研发小哥哥正在改脚本 改好发您。

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号