-
yangqh 数据老手Lv5
发表于2019-9-19 19:37
楼主
BI报表模板中的表格锁定行列线的样式比较丑,通常可以用客户端脚本来定义线条的颜色和粗细,脚本如下:
复制代码其中grid3是表格代号;
如果当表格上有折叠展开时,由于表格的刷新和重新加载,会导致脚本中定义的样式丢失,此时可以在脚本后面再加上一段:
复制代码
- //配置锁定行列线颜色、粗细
- function changeLockRowColStyle(gridName,cssText)
- {
- if(g_rptpage && g_rptpage.grids[gridName]){
- if(g_rptpage.grids[gridName].lineH){
- g_rptpage.grids[gridName].lineH.style.borderTop = cssText;
- }
- if(g_rptpage.grids[gridName].lineV){
- g_rptpage.grids[gridName].lineV.style.borderLeft = cssText;
- }
- }
- }
- changeLockRowColStyle("GRID3","1px solid #cfe7aa");
- addStyleSheet("#GRID3{border:none !important}");
- addStyleSheet("#HHH8_scrollContainerV{background:transparent !important}")
如果当表格上有折叠展开时,由于表格的刷新和重新加载,会导致脚本中定义的样式丢失,此时可以在脚本后面再加上一段:
- //折叠钻取时保持锁定线样式
- var rpca = rptPageClientAdjust;
- rptPageClientAdjust = function(callback, containerdom) {
- rpca(callback,containerdom);
- changeLockRowColStyle("GRID3","1px solid #cfe7aa");
- }
2个回答
本帖最后由 yangqh 于 2022-6-30 11:35 编辑
- function changeLockRowColStyle(gridName,cssText)
- {
- if(g_rptpage && g_rptpage.grids[gridName]){
- if(g_rptpage.grids[gridName].lineH){
- g_rptpage.grids[gridName].lineH.style.borderTop = cssText;
- } else{
- g_rptpage.grids[gridName].fixrowcolborder =cssText;
- }
- if(g_rptpage.grids[gridName].lineV){
- g_rptpage.grids[gridName].lineV.style.borderLeft = cssText;
- }
- }
- }
- changeLockRowColStyle("GRID2","1px solid #cfe7aa");
- changeLockRowColStyle("GRID4","1px solid #cfe7aa");
tab页中如需所有页的表格的锁定行列样式都生效,脚本调整见上,BI和ABI通用