iebh-custom-table
v0.4.3
Published
A customizable and reusable Vue 3 table component
Downloads
10
Readme
iebh-custom-table
For modifying this package :
-- clone -- npm install -- npm run serve
Project setup
npm install iebh-custom-table
Introduction:
Helps to create custom table. Allows the user to add rows and columns, arrows between the cells.
Usage:
// script
import { CustomTable } from 'iebh-custom-table';
components: {
CustomTable
},
// template
<template>
<CustomTable :data="tableData" @update-cell="handleCellUpdate" @add-column="handleColumnUpdate" @add-row="handlerowUpdate" />
</template>
You can also choose if the add button should display or not:
<CustomTable :data="tableData" :showAdd="true" />
You can also choose if it is table or not. If isTable=0, the first column in the table is displayed as colured like that in diagram. If isTable=1, the first column has same design as rest of the columns.
<CustomTable :data="tableData" :showAdd="true" :isTable="1" />