rvm-dynamic-sticky-table
v1.0.0
Published
Its used to generate dynamic table with json and its has sticky header option as well as pagination concept
Downloads
2
Readme
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