wave-table-lib
v0.0.3
Published
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
Downloads
0
Readme
WaveTableLib
This library was generated with Angular CLI version 16.2.0.
How to use
Import styles in angular.json (Necessary to work correctly):
"node_modules/wave-table-lib/lib/assets/wave-table-lib.component.css"
"styles": [
...
"node_modules/wave-table-lib/lib/assets/wave-table-lib.component.css"
],
Component: <wave-table-lib></wave-table-lib>
Properties (Inputs):
- page
: number
- pageSize
: number
- data
: any
- headers
: ITableHeader[]
- cmd
: ITableCmd[]
- tableBordered
: boolean (Default false
)
- tableStriped
: boolean (Default false
)
- tableResponsive
: boolean (Default false
)
- tHeadColor
: TColor
- tableColor
: TColot
Methods
- cmd($event)
: return the selected function
and the table item
Interfaces:
- ITableHeader:
{
keys: string[];
label: string
index: number;
isSelected: boolean;
}
- ITableHeader:
{
index: number
key: string;
cmd: string;
icon: any;
}
- TColor:
default = 'table-default',
primary = 'table-primary',
secondary = 'table-secondary',
success = 'table-success',
danger = 'table-danger',
warning = 'table-warning',
info = 'table-info',
light = 'table-light',
dark = 'table-dark'
Example:
<wave-table-lib
[page]=1
[pageSize]=15
[data]=elenco
[headers]=headers
[cmd]=commands
[tableBordered]="true"
[tableStriped]="false"
[tableResponsive]="true"
[tHeadColor]="color.default"
[tableColor]="color.default"
[legend]="'Opciones de Tabla'"
(cmdEvent)="comando($event)"
>
</wave-table-lib>