0.0.1 • Published 2 years ago

amauta-table-list v0.0.1

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

Built With Stencil

Properties

PropertyAttributeDescriptionTypeDefault
columnListcolumnlistany[]
dataListdatalistany[]
labellabelstring''
paramClassparamclassany{ containerClass: '', containerTableClass: '', containerTableFooter: '' }
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 inputRangeCustomElements from '@iparadise71/input-range/loader';
    
    // @ts-ignore
    inputRangeCustomElements.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>