Component Data Grid

borders

"all" | "none" | "outside"

'none'

This is the value used to set the table style as bordered.

hoverable

boolean

false

This boolean is the value used to set the table style as hoverable.

labelled-by

string

''

This is the DOM element ID used to label this table. This is used for accessibility.

loading

boolean

false

This boolean is used to set the grid in loading mode.

loading-message

string

'loading...'

This property is the message to be displayed when loading property is set to true.

sort-direction

"ascending" | "descending" | "none"

'none'

This property represents the direction for sorting. Possible values: "none", "ascending", "descending"

sort-on

string

''

This property turns column sorting on. This is used with <som-grid-th name="..." /> and should be set to the name of the column being sorted.

striped

boolean

false

This boolean is the value used to set the table style as striped.

sortCompleted

This public method sets sort-on and sort-direction.

sortChange

any

This event will be triggered when a column sorting is emitted by a column header