Table Actions

This component provides handy action buttons to be used with any table. There's one component per table. Table must have an ID, which is passed as parameter to the component.

Available actions are: Copy, Download as MD file, Download as CSV file, Download as XLS file.

Examples (1)
Example Code
Property IDOwnerAddress
P001John Smith12 Oak St
P002Mary Johnson45 Maple Ave
P003James Lee78 Pine Rd
P004Linda Brown34 Cedar St
P005Michael Davis89 Elm St
P006Patricia Wilson23 Birch Ln
P007Robert Miller56 Willow Dr
P008Jennifer Taylor101 Cherry Blvd
P009William Moore67 Poplar Ct
P010Elizabeth Anderson22 Spruce Way

 <as-table-actions data-table="testtable"></as-table-actions>
Properties (2)
Property name Description Type
data-table Required: ID or class name of the table to attach actions to. string
button-text Optional: When present defines table Actions component button text. Defaults to Options. string
Events (6)
Event name Description Example value
as-table-actions:popover Fired when popover with action buttons is opened. Has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", state: "open"}
as-table-actions:popover Fired when popover with action buttons is closed. Has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", state: "close"}
as-table-actions:download Fired when COPY button is clicked, has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", type: "copy", data: "[tab separated table data]"}
as-table-actions:download Fired when MD button is clicked, has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", type: "md", data: "[markdown data]"}
as-table-actions:download Fired when XLS button is clicked, has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", type: "xls", data: "[XLS data]"}
as-table-actions:download Fired when CSV button is clicked, has detail object. {id: "53935d58-9511-493c-9a6b-d54dd73b44d8", type: "csv", data: "[CSV data]"}
Files