bi.responsive_table

自适应宽度的表格,继承BI.Widget


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'
});

参数

参数 说明 类型 默认值
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

results matching ""

    No results matching ""