Home

Spreadsheet Vue.js

Project setup

Install with your favorite package manager

yarn add vuejs-spreadsheet

npm i vuejs-spreadsheet

Import TableVue on your javascript file

import VueTable from 'spreadsheet-vuejs'

Call component in your file

 <vue-table
  :disable-cells="disableCells"
  :drag-to-fill="Boolean"
  :headers="Array"
  :new-data="Object"
  :parent-element-scroll="Number"
  :select-position="Object"
  :sort-header="Boolean"
  :style-wrap-vue-table="Object"
  :submenu-tbody="Array"
  :submenu-thead="Array"
  :tbody-data="Array"
  :tbody-index="Boolean"
  v-on:handle-up-drag-size-header="Function"
  v-on:tbody-input-change="Function"
  v-on:tbody-move-dragtofill="Function"
  v-on:tbody-nav-backspace="Function"
  v-on:tbody-nav-multiple-backspace="Function"
  v-on:tbody-replace-data="Function"
  v-on:tbody-select-change="Function"
  v-on:tbody-submenu-click-customize-function="Function"
  v-on:tbody-up-dragtofill="Function"
  v-on:thead-submenu-click-customize-function="Function"
  v-on:thead-td-sort="Function">

  // if your want to add an specific header
  <div slot="header">
  </div>

</vue-table>