vuetify-editable-table
vuetify-editable-table
A simple plug-in to create editable table using vue and vuetify
Installation
npm i vuetify-editable-table
Configuration
In main.js import the plug-in
import Vue from 'vue';
import EditableTable from 'vuetify-editable-table';
Vue.use(EditableTable);
Usage
<EditableTable v-model="items" :headers="headers"></EditableTable>
Props
Name | Type | Default | Comment |
---|---|---|---|
headers | Array | [] | Array definition of fields you want to show on table |
v-model | Array | [] | List of items |
Headers fields
Name | Type | Comment | Optional | Default |
---|---|---|---|---|
text | String | Text to show in table head | false | |
value | String | Field name inside the array | false |
Dependencies
Dependencies
@vue/cli-plugin-babel: ~4.5.0@vue/cli-plugin-eslint: ~4.5.0@vue/cli-service: ~4.5.0babel-core: ^6.26.3babel-eslint: ^10.1.0babel-loader: ^8.1.0babel-preset-env: ^1.7.0cross-env: ^7.0.2css-loader: ^4.3.0eslint: ^6.7.2eslint-plugin-vue: ^6.2.2file-loader: ^6.1.0node-sass: ^4.14.1sass: ^1.19.0sass-loader: ^8.0.2vue-cli-plugin-vuetify: ~2.0.7vue-loader: ^15.9.3vue-template-compiler: ^2.6.12vuetify-loader: ^1.3.0webpack: ^4.44.2webpack-cli: ^3.3.12webpack-dev-server: ^3.11.0