Table
Tables for dynamic data; follow the examples closely, including the #cell ref
Contents
Invoice Table - Header With Wrapping
Date | Payment Status | Total Payment | |
|---|---|---|---|
Date Jan 1, 2024 | Payment Status Paid | Total Payment $2,400.00 | |
Date Jan 8, 2024 | Payment Status Auto Release | Total Payment $1,800.50 | |
Date Jan 15, 2024 | Payment Status Failed | Total Payment $3,200.75 | |
Date Jan 22, 2024 | Payment Status Paid | Total Payment $2,100.25 | |
Date Jan 29, 2024 | Payment Status Paid | Total Payment $1,500.00 |
Invoice Table - Header No-Wrap
Date | Payment Status | Total Payment | |
|---|---|---|---|
Date Jan 1, 2024 | Payment Status Paid | Total Payment $2,400.00 | |
Date Jan 8, 2024 | Payment Status Auto Release | Total Payment $1,800.50 | |
Date Jan 15, 2024 | Payment Status Failed | Total Payment $3,200.75 | |
Date Jan 22, 2024 | Payment Status Paid | Total Payment $2,100.25 | |
Date Jan 29, 2024 | Payment Status Paid | Total Payment $1,500.00 |
Inputs in No wrap
fixedLayout ?: boolean = false
Use with any width input on fl-table-col to fix table layout
hover ?: boolean = false
Also set in this example
dataSource : readonly T[]
Outputs
pageSelected ?: any = new EventEmitter<number>()
rowExpanded ?: any = new EventEmitter<number | undefined>()
Emits the index of the currently expanded row - undefined if no row is expanded