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 | |