Sling-web-component-table NPM

sling-web-component-table

Install

npm install 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
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

rowclicked

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>

imask sling-framework sling-helpers sling-web-component-brand-icon sling-web-component-tooltip

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago