三分钟,vueExcel表格插件handsontable.js教程

最新推荐文章于 2024-08-16 08:37:53 发布

A青火

最新推荐文章于 2024-08-16 08:37:53 发布

阅读量1.5k

点赞数 1

文章标签： vue handsontable

本文链接：https://blog.csdn.net/qq_34006340/article/details/103259265

版权

本文是关于如何在Vue项目中快速集成和使用Handsontable表格插件的教程，包括npm安装、组件创建、配置设置及最终实现效果的展示。

摘要由CSDN通过智能技术生成

npm 安装handsontable

npm install handsontable @handsontable/vue

创建handsontable

<hot-table :settings="hotSettings"></hot-table>

引入hansontable

import {HotTable} from '@handsontable/vue';
import Handsontable from 'handsontable';

添加配置

  hotSettings: {
          // language:'zh-CN',
          licenseKey: 'non-commercial-and-evaluation',//隐藏版权文字
          // data: Handsontable.helper.createSpreadsheetData(10, 26),//列表初始化数据
          data: [
            ['', '河北', '山东', '广东'],
            ["2016", 10, 11, 12,],
            ["2017", 20, 11, 14,],
            ["2018", 30, 15, 12,]