VTable使用问题：如何编辑表格

问题标题

可编辑表格能否在点击时直接进入编辑状态，而不是双击某一个单元格后才能进行可编辑？

问题描述

在编辑表格场景中，双击进入编辑会显得操作繁琐笨重，需要直接进入编辑状态。

解决方案

可在表格初始化的option中配置editCellTrigger为click。该配置项定义如下：

/** 编辑触发时机:双击事件 | 单击事件 | api手动开启编辑。默认为双击'doubleclick' */
editCellTrigger?: 'doubleclick' | 'click' | 'api';

代码示例

  const option = {
    records,
    columns,
    autoWrapText: true,
    limitMaxAutoWidth: 600,
    heightMode: 'autoHeight',
    editCellTrigger: 'click' // 设置编辑触发时机
  };
  const tableInstance = new VTable.ListTable(container, option);

结果展示

在线效果参考：visactor.io/vtable/demo…

相关文档

编辑表格demo：visactor.io/vtable/demo…

编辑表格教程：visactor.io/vtable/guid…

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

github：github.com/VisActor/VT…