wave-table-lib v0.0.3

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>