0.0.2 • Published 2 years ago

@amauta/table-list v0.0.2

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

Built With Stencil

amauta-table-list

Amauta Web Component

Properties

PropertyAttributeDescriptionTypeDefault
columnListcolumnlistany[]
dataListdatalistany[]
labellabelstring''
paramClassparamclassany{ containerClass: '', containerTableClass: '', tableHeadClass: '', tableBodyClass: '', containerFooterClass: '' }
tableIdtableidstring''

Events

EventDescriptionType
eventOnClickCustomEvent<any>
eventOnClickRowCustomEvent<any>
eventOnUrlCustomEvent<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>