handsontable 踩过的坑（渲染不全、错位）

飘走的落不离

于 2022-03-23 14:15:37 发布

阅读量2.5k

点赞数

分类专栏：笔记文章标签：前端 css

本文链接：https://blog.youkuaiyun.com/gebieren/article/details/123684762

版权

本文记录了在使用Handsontable时遇到的表格渲染不全和fixedcolumnsleft错位的问题，提供了详细的解决方法，旨在帮助遇到类似问题的前端开发者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一次使用handsontable ，遇到了一些问题，希望能帮助后来人。

问题1：表格渲染一部分或展示不全的问题。

解决方式：

  <HotTable
                v-model="changeFlag"
            :root="root"
            ref="testHot"
            :settings="hotSettings"
          >
          </HotTable>



this.changeFlag = new Date().getTime();
this.$refs.testHot.hotInstance.loadData(tableData);

问题二：fixedcolumnsleft 错位或留白

解决：

#hotTable {
  position: relative;
  height: 100%;
  overflow: auto;
  // /deep/.handsontable {
  //   width: 100% !important;
  //   .wtHolder {
  //     width: 100% !important;
  //   }
  // }
}