rvm-dynamic-sticky-table

1.0.0 • 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>
   
     
  If you want you can customise the table style using customstyle attribute
  <dynamic-table 
  id="tblDynamicTable" 
  initialpagecount="10" 
  stickyheader 
  tablejsonpath="public/validate.json" 
  customstyle='table {font-size:10px;}' 
  pagecontrolalignment="center" 
  pagelabelalignment="center" 
  gotopagecontrolalignment="center">
  </dynamic-table>

  Here attribute explanation:
  `initial page` count displays initial loaded record count
  
  'stickyheader` its used to  make header fixed position while scroll the header get freezed top position.

  'tablejsonpath'  is a required field, which contains the path of json file from where data will be fetched for table record. you have to provide where your table json present in your project

  Example:
    src/tabledata,json 
    
    tablejsonpath = './src/tabledata.json'
            (or)

  Create a tableobject.json its should be same name dont try to rename if you are choosing this method

   'customstyle'  is optional if you want to customize the table style you can overwrite the table styles as expected with this attribute

   customstyle='table{font-size:10px;}'

   'pagecontrolalignment' align the Total number of page label  on the screen(left or right or center).

   'pagelabelalignment' align the number of page details label  on the screen(left or right or center).

   'gotopagecontrolalignment' its used to align the (prev and next go to page and go button control)   on the screen(left or right or center).

Thanks for using my package!

R Marimuthu

Readme

Keywords

none

Package Sidebar

Install

npm i rvm-dynamic-sticky-table

Weekly Downloads

0

Version

1.0.0

License

ISC

Unpacked Size

400 kB

Total Files

8

Last publish

Collaborators

  • marimuthurvm