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>