实现效果:在综合报告类页面,可以默认展示几行,通过点击按钮控制表格收起,展开
该函数收缩表格分为两种情况:
1、表格有外层容器(设置表格对于外层容器 水平撑满,外层容器可以设置宽度,分为百分比和数值两种方式)
2、表格无外层容器(可以直接设置表格宽度,分为百分比和数值两种方式)
*函数需要使用文本或者图片的方式 提供两个按钮,一个 用来收缩,一个用来展开
*如果表格设置外层容器,切记不要外层容器设置为自适应
*表格或者表格外层容器水平方向不可以用其他 容器或者组件
/**
行收缩脚本:请默认在最后一行保留至少一个固定行,否则display:none设置,会导致表格边框缺失
tableId:表格ID
parentFlag:表格是否嵌套父级容器 1:有 0 :没有
tableParentId:表格父容器ID,没有为""
parentDivWidth: 可以设置为%何固定数值两种方式:90%代表屏幕宽度百分之90%(若设置百分比,请在div左边距处同样通过%方式设置),1344代表屏幕宽度为1344px;没有父容器,此处设置为""
defaultTopRow:预留标题行行数
defaultButtomRow:预留下方固定行行数
dispalyRow:默认展示行数
upDivId:收缩文本或图片按钮容器ID
downDivId:展开文本或图片按钮容器ID
defaultStatus: 状态 1:为默认表格收缩 0:默认表格展开 (在按钮上设置 :展开按钮设置为1,收起按钮 设置为0)
**/
默认收起表格:
调用函数
tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",1);
收起按钮调用函数:
tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",1);
展开按钮调用函数
tableDraggle("GRID1",1,"HHH4","90%",1,1,5,"HHH40","HHH39",0);
附件为:
请先登录