1. vuetify-editable-table

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