VTable使用问题：如何实现拖拽调整行高

问题标题

如何实现拖拽调整行高

问题描述

拖拽单元格底部边框，调整该行的行高

解决方案

option中的rowResizeMode配置可以开启或关闭行高调整功能：

• all: 整列包括表头和 body 处的单元格均可调整列宽/行高
• none: 禁止调整列宽/行高
• header: 只能在表头处单元调整列宽/行高
• body: 只能在 body 单元格调整列宽/行高

rowResizeType配置控制了调整作用范围：

• column/row：默认值，仅调整当前列/行的宽度；

• indicator：相同指标列的列宽/行高一并调整；

• all：所有列的列宽/行高一并调整；

• indicatorGroup：同一组的指标列一并调整，如东北维度值下有两个指标为：销售额和利润，当调整销售额的列宽时，利润列也会进行调整；

代码示例

const option = {
  rowResizeType: 'row',
  rowResizeMode: 'all',
  // ......
};
tableInstance = new VTable.PivotTable(document.getElementById(CONTAINER_ID),option);

结果展示

完整示例：www.visactor.io/vtable/demo…

相关文档

行高列宽调整：www.visactor.io/vtable/guid…

相关api：www.visactor.io/vtable/opti…

github：github.com/VisActor/VT…