mkw-data-table

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 : [e-mail].

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>