Handsontable - 一键清空所有单元格数据

简介: Handsontable - 一键清空所有单元格数据
<HotTable ref="ht" :settings="hotSettings" licenseKey="xxxxxx">HotTable>
AI 代码解读

小编目前找到一共有三种方案

  1. this.$refs.ht.hotInstance.clear()
  2. this.$refs.ht.hotInstance.updateSettings({ data: null })
  3. this.$refs.ht.hotInstance.loadData(null)

1、this.$refs.ht.hotInstance.clear()

点评:框架自带方法,但是很奇怪的是每次清空完总是触发校验机制,如果有判空校验就会发现一片红海,影响用户体验。

2、this.$refs.ht.hotInstance.updateSettings({ data: null })

点评:通过 data 为 null,配合框架自带方法 updateSettings 重新渲染下,但也很奇怪的是滚动条的样式会发生一些变化,影响用户体验。

3、this.$refs.ht.hotInstance.loadData(null) (推荐)

点评:通过 data 为 null,配合框架自带方法 loadData 重新渲染下,这个一切正常,没有其他什么问题。

目录
打赏
0
0
0
0
37
分享
相关文章
vue增加按钮到表头单元格的解决方法
最近想在明细表中,增加一个增加按钮,记录方法如下: 修改表格的渲染方法 ...
2187 0
VUE element-ui 之table表格双表头、表头内插入输入框
VUE element-ui 之table表格双表头、表头内插入输入框
1866 0
VUE element-ui 之table表格双表头、表头内插入输入框
Element Plus修改表格行、单元格样式
Element Plus修改表格行、单元格样式
1855 0
VUE element-ui 之table表格表头插入输入框
VUE element-ui 之table表格表头插入输入框
960 0
VUE element-ui 之table表格表头插入输入框
js动态添加datagrid表头&批量保存实战研究
最近小编在做项目的时候,遇到了这样一个需求:如下图所示,表头中的"一般"和"优秀"是动态添加的,添加上对应的票数之后,选中多行,单击保存,将动态添加的列数据转换成行保存到数据库中
在页面上绘制一张表格,使用 DOM 节点的动态添加和删除向表格中插入数据,点击表格每行后的“删除”超链接
在页面上绘制一张表格,使用 DOM 节点的动态添加和删除向表格中插入数据,点击表格每行后的“删除”超链接
385 0
在页面上绘制一张表格,使用 DOM 节点的动态添加和删除向表格中插入数据,点击表格每行后的“删除”超链接
在 Vue3 + Element Plus 中生成动态表格,动态修改表格,多级表头,合并单元格
在 Vue 中,表格组件是使用频率及复杂度排名第一的组件,前端经常需要根据后台返回的数据动态渲染表格,比如动态表格如何生成,因为表格的列并不是固定的,在未知表格具体有哪些列的场景下,前端如何动态渲染表格数据。又或者需要把表格单元格进行合并处理,比如第一列是日期,需要把相同的日期进行合并,这样表格看起来会更加清晰。 本文手把手教你如何在 Vue3 + Element Plus 中创建表格、生成动态表格、创建动态多级表头、表格行合并、列合并等问题。如果你正在搭建后台管理工具,又不想处理前端问题,推荐使用卡拉云 ,卡拉云是新一代低代码开发工具,可一键接入常见数据库及 API ,无需懂前端,仅需拖拽即
3207 0
VUE element-ui 之table表格第一行插入输入框
VUE element-ui 之table表格第一行插入输入框
1328 0
VUE element-ui 之table表格第一行插入输入框

热门文章

最新文章