zoukankan      html  css  js  c++  java
  • 润乾报表之行列隐藏技巧...


    隐藏行、列:
    思路:三个属性:【显示-->隐藏行列】、【行属性-->可视】、【行属性-->高度(列则宽度)】
    基于多种报表类型组合,对应的处理方式也不一样

    1、普通报表 && 可以填报

    1.1:点击某行,在属性名称【显示-->隐藏行】 打√或者写入表达式if(你的表达式,true,false)
    1.2:点击某行,在属性名称【行属性-->可视】 打√或者写入对应表达式。
    1.3:点击某行,在属性名称【行属性-->高度(列则宽度)】 输入0.01 或者 0。

    2、普通报表 &&仅供统计

    2.1:点击某行,在属性名称【显示-->隐藏行】 打√或者写入表达式if(你的表达式,true,false),
    但是这个不同于【1、普通报表 && 可以填报】,页面加载完成后将看不到该行所在的dom结构,
    即不存在该行,而【1、普通报表 && 可以填报】是将该行隐藏了。display:none;
    2.2:点击某行,在属性名称【行属性-->可视】 ,同2.1
    2.3:点击某行,在属性名称【行属性-->高度(列则宽度)】 输入0.01 或者 0,此时不生效,无法隐藏,显示的是内容高度。

    3、行式报表 && 可以填报

    3.1:点击某行,在属性名称【显示-->隐藏行】 不起作用,隐藏不了。
    3.2:点击某行,在属性名称【显示-->可视】 同【1、普通报表 && 可以填报】
    3.3:点击某行,在属性名称【行属性-->高度(列则宽度)】 输入0.01 或者 0。

    4.行式报表 && 仅供统计

    4.1:点击某行,在属性名称【显示-->隐藏行】 不起作用,隐藏不了。
    4.2:点击某行,在属性名称【显示-->可视】 同【1、普通报表 && 可以填报】
    4.3:点击某行,在属性名称【行属性-->高度(列则宽度)】 输入0.01 或者 0。

    总之,无论哪种方式,结合【显示-->;可视】 + 【行属性-->高度】 都可以设计成隐藏的效果。技巧发现:多种方式测试,并查看编译后的html源代码,一一对应即可解决。

  • 相关阅读:
    win10安装mongodb教程及其失败解决方案
    基于TypeScript的NodeJs框架:NestJs开发博客API (node.js+nest.js)
    Webpack性能改造之CDN
    44道JavaScript送命题
    electron-vue学习手册
    万字长文带你深度解锁Webpack(进阶篇)
    4W字长文带你深度解锁Webpack系列(上)
    devexpress GalleryControl 获得选中的item并删除
    c# 任意角度旋转图片
    .net core3.1连接GBase数据库的步骤
  • 原文地址:https://www.cnblogs.com/doublegi/p/5802302.html
Copyright © 2011-2022 走看看