Table
Tables for displaying dynamic data
There is some complex template stuff that requires following the examples quite closely to function. Make sure you include everything, especially 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 |
Set pagination component to use compact mode
Allow programmatically expanding the table without showing the chevron icon
Allows showing or hiding of the expandable toggle in mobile screens. Will only have an effect when `expandable` is true
Use with any width input on fl-table-col to fix table layout
Hide table outer box shadow but keep the individual cell box shadow in mobile view
Adds a shaded color to every second row in mobile view
Position applys only for tablet viewport and up
Allow table rows to be links. Currently not supported with `expandable`, `mobileViewCompact` and `calloutContent`.
Only allow expanding one row at a time
The total count of items in the table. Used for when we don't retrieve all records in one go
Emits the index of the currently expanded row - undefined if no row is expanded