UNPKG

ng-fusion-ui

Version:

New Angular component library!

48 lines (36 loc) 1.1 kB
# Ng-Fusion-Ui Angular - mobile friendly and type safe data-grid system and more..! ## Documentation For full documentation, visit [Fusion Ui](https://fusion-ui.up.railway.app). ## Installation ```bash npm install ng-fusion-ui "styles": [ ..., "node_modules/ng-fusion-ui/styles/styles.scss" ], ``` ## Basic Usage/Examples ```javascript <fu-data-grid [dataSource]="data" [expandable]="true" [paginator]="true" > <ng-container *fuHeaderTemplate> <fu-head-row-cell cellDef="Id" /> <fu-head-row-cell cellDef="Name" /> <fu-head-row-cell cellDef="Email" /> <fu-head-row-cell cellDef="Phone" /> </ng-container> <ng-container *fuBodyTemplate="data; let row"> <fu-body-row-cell [cellValue]="row.id" /> <fu-body-row-cell [cellValue]="row.name" /> <fu-body-row-cell [cellValue]="row.email" /> <fu-body-row-cell [cellValue]="row.phone" /> </ng-container> <ng-container *fuExpandTemplate="data; let row"> expand content goes here... </ng-container> </fu-data-grid> ```