0.0.2 • Published 2 years ago
@amauta/table-list v0.0.2
amauta-table-list
Amauta Web Component
Properties
Property | Attribute | Description | Type | Default |
---|---|---|---|---|
columnList | columnlist | any | [] | |
dataList | datalist | any | [] | |
label | label | string | '' | |
paramClass | paramclass | any | { containerClass: '', containerTableClass: '', tableHeadClass: '', tableBodyClass: '', containerFooterClass: '' } | |
tableId | tableid | string | '' |
Events
Event | Description | Type |
---|---|---|
eventOnClick | CustomEvent<any> | |
eventOnClickRow | CustomEvent<any> | |
eventOnUrl | CustomEvent<any> |
Built with StencilJS
Install web component in Angular project
- Run
npm i @amauta/table-list
Put a script tag in main.js file
import * as tableListCustomElements from '@amauta/table-list/loader'; // @ts-ignore tableListCustomElements.defineCustomElements().catch(err => console.error(err));
Use in components html
<amauta-table-list tableId='tableId' columnList='[columnList]' dataList='[dataList]' paramClass='paramClass' (eventOnClick)="myFunction($event)" (eventOnClickRow)="myFunction($event)" (eventOnUrl)="myFunction($event)" > </amauta-table-list>