sling-web-component-table
Sling Table Basic Component.
Install
npm instal sling-web-component-table
Tag
<sling-table></sling-table>
Dependencies
- sling-framework
- sling-helpers
- sling-web-component-brand-icon
Attributes and properties
Name | Type | Default Values | ReflectToAttribute | Observer | callSdk |
---|
srccolumns | Array | [ ] | | | |
srcdata | Array | [ ] | | | |
noheader | Boolean | false | :heavy_check_mark: | | |
clickablerows | Boolean | false | :heavy_check_mark: | | |
Description
Name | Description |
---|
srccolumns | Array with the specification of the table columns. Each element of array is an object representing a column in the format { title: 'Column Label', field: 'columndatakey' } . |
srcdata | Array containing data to be shown. Each element of array is an object with field names informed in srccolumns . |
noheader | Hides table header. |
clickablerows | Enables click event for table rows. |
Events
Description: The event is triggered when a row is clicked and passes this information to the parents.
Examples
All component examples can be emulated using the npm start sling-web-component-table
command.
Usage
<sling-table></sling-table>
<sling-table noheader></sling-table>
<sling-table clickablerows></sling-table>
<sling-table noheader clickablerows></sling-table>