关于锁定行列线的样式配置

2313
2

yangqh 数据老手Lv5

发表于2019-9-19 19:37

楼主
BI报表模板中的表格锁定行列线的样式比较丑,通常可以用客户端脚本来定义线条的颜色和粗细,脚本如下:
  1. //配置锁定行列线颜色、粗细
  2. function changeLockRowColStyle(gridName,cssText)
  3. {
  4.         if(g_rptpage && g_rptpage.grids[gridName]){
  5.                 if(g_rptpage.grids[gridName].lineH){
  6.                         g_rptpage.grids[gridName].lineH.style.borderTop = cssText;
  7.                 }
  8.                 if(g_rptpage.grids[gridName].lineV){
  9.                         g_rptpage.grids[gridName].lineV.style.borderLeft = cssText;
  10.                 }
  11.         }
  12. }

  13. changeLockRowColStyle("GRID3","1px solid #cfe7aa");
  14. addStyleSheet("#GRID3{border:none !important}");
  15. addStyleSheet("#HHH8_scrollContainerV{background:transparent !important}")
复制代码
其中grid3是表格代号;

如果当表格上有折叠展开时,由于表格的刷新和重新加载,会导致脚本中定义的样式丢失,此时可以在脚本后面再加上一段:
  1. //折叠钻取时保持锁定线样式
  2. var rpca = rptPageClientAdjust;

  3. rptPageClientAdjust = function(callback, containerdom) {
  4.         rpca(callback,containerdom);
  5.         changeLockRowColStyle("GRID3","1px solid #cfe7aa");
  6. }
复制代码


最近看过此主题的会员

esen_55I6HYQMKG

esen_4Y3L5ADO80

esen_4PV2UY8IWC

不如相忘

tanxzh

esen_4UJKI3MXES

liguangliang

esen_4XMY0N6IMU

esen_4UJDD6Z4ST

刘兰芳

orangeSR

v笑向前走

数据大白

wxw

wsn123

2个回答

只看楼主

辰哥 管理员

发表于2019-9-27 17:04

只看该作者

取消 关注该作者的回复

沙发

学习了,很棒的分享!

yangqh 数据老手Lv5

发表于2022-6-30 11:30

只看该作者

取消 关注该作者的回复

板凳

本帖最后由 yangqh 于 2022-6-30 11:35 编辑

  1. function changeLockRowColStyle(gridName,cssText)
  2. {
  3.         if(g_rptpage && g_rptpage.grids[gridName]){
  4.                 if(g_rptpage.grids[gridName].lineH){
  5.                         g_rptpage.grids[gridName].lineH.style.borderTop = cssText;
  6.                 } else{
  7.                                 g_rptpage.grids[gridName].fixrowcolborder =cssText;
  8.                                 }
  9.                 if(g_rptpage.grids[gridName].lineV){
  10.                         g_rptpage.grids[gridName].lineV.style.borderLeft = cssText;
  11.                 }
  12.         }
  13. }
  14. changeLockRowColStyle("GRID2","1px solid #cfe7aa");
  15. changeLockRowColStyle("GRID4","1px solid #cfe7aa");
复制代码


tab页中如需所有页的表格的锁定行列样式都生效,脚本调整见上,BI和ABI通用

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

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

小时

全天响应

分钟

快速处理问题

工程师强势助力

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

400咨询:400-0011-866

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

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

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