@zvoove/components
Theme:
m2
m3
LOCALE_ID:
de
en-US
en-GB
Forms
Form
Form Errors
Form Field
Form Controls
Date Time Input
File Input
Number Input
Select
Components
Block Ui
Button
Card
Dialog Wrapper
Flip Container
Header
Table
View
General
Setup
Upgrade Notes
zv-table
Demo
API
Setup
zv-table
[refreshable]
[filterable]
[showSettings]
[preferSortDropdown]
[layout]
table as MatCard
[striped]
[sortDefinitions]="[{ displayName: 'custom: `${boolean}${string}`', prop: 'hiddenSortable' }]"
[caption]
Page debounce in ms
[dataSource] = new ZvTableDataSource(...)
(page) $event = { pageIndex: number; previousPageIndex?: number; pageSize: number; length: number; }
set all zv-table-column [sortable]="false" and zv-table [sortDefinitions]="null"
ZvTableDataSource
throw error
loading delay in ms
item count
DataSourceType
server
Use links for row/table actions
zv-table-column (all inputs are only initially settable) (demo for date column)
[mandatory]
[sortable]
[headerStyles]="{ 'color': 'green' }"
[columnStyles]="{ 'color': 'green' }"
[header]
[width]
*zvTableColumnHeaderTemplate
*zvTableColumnTemplate="let item; let expanded = expanded"
zv-table-row-detail (only initially defineable)
use
[expanded]
[showToggleColumn]
Use custom toggle column
*zvTableRowDetailTemplate="let item"
template directives (only initially defineable)
*zvTableCustomHeader
*zvTableCustomSettings
*zvTableTopButtonSection
table caption
Search
id
number
boolean
date
string
virtual column
more_vert
Items per page:
15
0 of 0
Last page event:
Sort