rvm-dynamic-table-creation

1.0.1 • Public • Published

Why we need?

   Its mainly used to generate the dynamic table based on the array of objects

How it works?

    Just import the package and get the random text color 

    Run  this command on your terminal:

    npm install rvm-dynamic-table-creation
    
    Then you can import it into your project like this :

    import 'rvm-dynamic-table-creation';
    
    use it in your html file

    <dynamic-table id="tblDynamicTable"></dynamic-table>
    
    <script type="module" src="path/to/your-component.js"></script>
   
    Then you should assign the array of object with dynamic table custom element attribute like below

IIFE (Immediate Invoke Functino Expression):
      No need to call this function when the page load this function trigger automaticaly.

   (function () {
    let tableObject = [
      {
        userId: 1,
        id: 1,
        title: "delectus aut autem",
        completed: false,
      },
      {
        userId: 2,
        id: 2,
        title: "dsfdg delectus aut autem",
        completed: true,
      },
      {
        userId: 3,
        id: 3,
        title: "ghghh dsfdg delectus aut autem",
        completed: true,
      },
    ];

    document.getElementById("tblDynamicTable").setAttribute("tabledata",JSON.stringify(tableObject))
  })();

  If you want you can customise the table style using customstyle attribute

Thanks for using my package!

R Marimuthu

Readme

Keywords

none

Package Sidebar

Install

npm i rvm-dynamic-table-creation

Weekly Downloads

2

Version

1.0.1

License

ISC

Unpacked Size

4.85 kB

Total Files

5

Last publish

Collaborators

  • marimuthurvm