Package Exports
- @forter/table
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@forter/table) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
fc-sort-control
Provides a binary "Ascending/Descending" control for sortable tables.
Properties
| Property | Attribute | Type | Description |
|---|---|---|---|
asc |
HTMLInputElement |
The ascending control | |
checked |
HTMLInputElement |
The control for the selected direction | |
columnIndex |
column-index |
number |
The index of the column this control is sorting |
desc |
HTMLInputElement |
The descending control | |
direction |
direction |
"asc" | "desc" |
Events
| Event |
|---|
sort |
fc-table
Properties
| Property | Attribute | Type | Description |
|---|---|---|---|
backendSort |
backend-sort |
boolean |
Whether to defer sorting of rows to the backend. When true, sorting will fire a sort-table event instead of actually sorting the rows.Consuming apps must handle that event by fetching a newly-sorted rows array from the backend. |
cellLoadingTemplate |
TemplateResult |
Template to display when loading row content | |
columns |
columns |
Column[] |
Column descriptors |
loading |
loading |
boolean |
Whether the table is loading |
multi |
multi |
boolean |
Whether selecting multiple rows is enabled. |
renderers |
renderers |
any |
Custom renderer class. Used in custom columns |
rows |
rows |
Row[] |
Row Descriptors |
select |
select |
boolean |
Whether selecting rows is enabled. |
translate |
translate |
boolean |
Whether to translate cells |
Events
| Event | Description |
|---|---|
row-selected |
{ selected: Row } |
sort-table |
{ column: Number, direction: 'asc'|'desc' } |
table-action |
{ columnIndex: Number, rowIndex: Number, index: Number } |
CSS Custom Properties
| Property | Description |
|---|---|
--fc-table-background |
default: white |
--fc-table-cell-padding |
default: 15px 25px |
--fc-table-header-cell-padding |
default: 10px 25px |
--fc-table-min-col-width |
default: 100px |
--fc-table-padding |
default: 0 |
--fc-table-zebra-color |
default: #f8f9fa |