强大的表格控件handsometable,结合vue

handsontable

  • handsontable是目前在前端界最接近excel的插件,可以执行编辑,复制粘贴,插入删除行列,排序等复杂操作。jQueryreactngvue版本,功能强大,是复杂表格的不二之选。本文简单介绍在vue-cli环境下怎么使用。

  • 案例:百度图说,官网例子

1.安装与配置

  • npm包安装

npn install vue-handsontable-official --save
npn install expose-loader --save-dev//不安装会有错误提示
  • webpack配置(vue-cli),在webpack.base.conf.js中添加一下代码

  {
        test: require.resolve('numbro'),
        loader: 'expose-loader?numbro'
      },
      {
        test: require.resolve('moment'),
        loader: 'expose-loader?moment'
      },
      {
        test: require.resolve('pikaday'),
        loader: 'expose-loader?Pikaday'
      },
      {
        test: require.resolve('zeroclipboard'),
        loader: 'expose-loader?ZeroClipboard'
      }

2.具体API




参考地址
[GitHub地址]:https://github.com/handsontab...
[handsontable官网]:https://handsontable.com

你可能感兴趣的:(强大的表格控件handsometable,结合vue)