4.2 KiB
4.2 KiB
bi.responsive_table
自适应宽度的表格,继承BI.Widget
{% method %} source
{% common %}
BI.createWidget({
type: "bi.responsive_table",
isNeedMerge: true,
isNeedFreeze: true,
mergeCols: [0, 1],
columnSize: ["", "", ""],
items: [[{
text: "第一行第一列"
}, {
text: "第一行第二列"
}, {
text: "第一行第三列"
}]],
header: [[{
text: "表头1"
}, {
text: "表头2"
}, {
text: "表头3"
}]],
element: 'body'
});
{% endmethod %}
##参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
isNeedFreeze | 是否需要冻结单元格 | boolean | false |
freezeCols | 冻结的列号,从0开始,isNeedFreeze为true时生效 | array | [] |
isNeedMerge | 是否需要合并单元格 | boolean | false |
mergeRule | function (row1, row2) 合并规则, 默认相等时合并 | function | function |
columnSize | 列宽 | array | [] |
headerRowSize | 表头行高 | number | 25 |
footerRowSize | 表尾行高 | number | 25 |
rowSize | 行高 | number | 25 |
columnSize | 列宽 | array | [] |
regionColumnSize | boolean | false | |
header | 表头内容 | array | [] |
footer | 是否需要表尾 | boolean | false |
items | 子组件二维数组 | array | [] |
crossHeader | 交叉表头 | array | [] |
crossItems | 交叉表内容二维数组 | array | [] |
方法
方法名 | 说明 | 参数 |
---|---|---|
resize | 调整表格 | — |
setColumnSize | 设置列宽 | columnSize |
getColumnSize | 得到列宽 | — |
getCalculateColumnSize | 获得计算后的列宽 | — |
setHeaderColumnSize | 设置表头的列宽 | columnSize |
setRegionColumnSize | 设置列项之间的间隙 | columnSize |
getRegionColumnSize | 获得列项之间的间隙 | — |
getCalculateRegionColumnSize | 获取计算后的列项之间的间隙 | — |
getCalculateRegionRowSize | 获取计算后的列项上下之间的间隙 | — |
getClientRegionColumnSize | 获取浏览器中显示的列项之间的间隙 | — |
getScrollRegionColumnSize | 获取横向滚动条宽度 | — |
getScrollRegionRowSize | 获取纵向滚动条宽度 | — |
hasVerticalScroll | 是否含有数值滚动条 | — |
setVerticalScroll | 设置纵向滚动距离 | scrollTop |
setLeftHorizontalScroll | 设置左到右横向滚动距离 | scrollLeft |
setRightHorizontalScroll | 设置右往左横向滚动距离 | scrollLeft |
getVerticalScroll | 获取纵向滚动距离 | — |
getLeftHorizontalScroll | 获取左到右横向滚动距离 | — |
getRightHorizontalScroll | 获取右往左横向滚动距离 | — |
getColumns | 获取列项 | — |
resizeHeader | 调整表头 | — |
attr | 设置属性 | key:键,value:值 |
populate | 替换为新内容 | rows |