1.5.1 • Published 2 years ago
mkw-data-table v1.5.1
Data-Table Published by Kaleeswaran
We can import and use any Javascript framework like Angular, React, Vue ..etc, We have Basic level tables and Data-table also.
Getting Started
npm i mkw-data-table
Need help? Reach out : kalesmca@gmail.com.
ReactJS => index.js file
import {defineCustomElements} from 'mkw-data-table/loader'
reportWebVitals();
defineCustomElements(window);
Sample code for execution
const columnHeader = [
{ label: 'Name', key: 'name', isSorting:true },
{ label: 'Age', key: 'age' },
];
const data = [
{ name: 'kaleeswaran', age: 22, id: 1 },
{ name: 'Sundari', age: 21, id: 2 },
{ name: 'Mani', age: 24, id: 3 },
{ name: 'Saravanakumar', age: 22, id: 4 },
{ name: 'Nandhini', age: 31, id: 5 },
{ name: 'Porkodi', age: 54, id: 6 },
{ name: 'Mariappan', age: 62, id: 7 },
{ name: 'Pechiyammal', age: 28, id: 8 },
{ name: 'Muthumanikkam', age: 29, id: 9 },
{ name: 'Suresh', age: 29, id: 10 },
{ name: 'Nithilan', age: 2, id: 11 },
{ name: 'Niranjan', age: 4, id: 12 },
{ name: 'Sahana', age: 2, id: 13 },
{ name: 'ArjunRam', age: 1, id: 14 },
{ name: 'MuthuMani', age: 24, id: 15 },
];
<basic-table data={JSON.stringify(this.data)} header={JSON.stringify(this.columnHeader)}></basic-table>
<data-table data={JSON.stringify(this.data)} header={JSON.stringify(this.columnHeader)}></data-table>