@amauta/table-list

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>