6.0.4 • Published 6 months ago

@maggioli-design-system/mds-table v6.0.4

Weekly downloads
-
License
MIT
Repository
-
Last release
6 months ago

mds-table

This is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScript framework you are using.

Properties

PropertyAttributeDescriptionTypeDefault
interactiveinteractiveSpecifies if the table rows are higlighted on mouseover eventboolean \| undefinedundefined
selectableselectableSpecifies if the table rows are selectable by a checkboxboolean \| undefinedundefined
selectionselectionboolean \| undefinedundefined

Events

EventDescriptionType
mdsTableSelectionChangeDispatces when interactive property changesCustomEvent<MdsTableSelectionEventDetail>

Methods

selectAll(select?: boolean) => Promise<void>

Selects all elements or none, works only if selectable is true.

Parameters

NameTypeDescription
selectboolean

Returns

Type: Promise<void>

updateSelection() => Promise<void>

internal Updates the selection data event and emits it, it's used to avoid add event listener to the dom and lower performance, works only if selectable is true.

Returns

Type: Promise<void>

Slots

SlotDescription
"default"Put mds-table-header, mds-table-body, mds-table-footer element/s.

CSS Custom Properties

NameDescription
--mds-table-actions-gapThe gap between slotted actions on mds-table-row element
--mds-table-backgroundThe background-color of the table
--mds-table-background-altThe background-color of the table cell not hovered, visible when attribute interactive is set tu true
--mds-table-border-colorThe border-color of the table
--mds-table-border-widthThe border-width of the table, visible when attribute interactive is set tu true
--mds-table-cell-paddingThe padding of the table cell
--mds-table-colorThe text color of the table
--mds-table-color-altThe text color of the table

Built with love @ Gruppo Maggioli from R&D Department

5.3.1

9 months ago

5.3.0

9 months ago

5.1.0

10 months ago

4.7.2

1 year ago

5.2.0

9 months ago

5.0.1

10 months ago

5.0.0

12 months ago

6.0.1

8 months ago

6.0.0

8 months ago

6.0.3

7 months ago

4.8.1

12 months ago

6.0.2

8 months ago

4.8.0

12 months ago

6.0.4

6 months ago

4.7.1

1 year ago

4.7.0

1 year ago

4.6.2

1 year ago

4.6.1

1 year ago

4.6.0

1 year ago

4.5.4

2 years ago

4.5.5

2 years ago

4.5.3

2 years ago

4.5.2

2 years ago

4.5.1

2 years ago

4.5.0

2 years ago

4.4.3

2 years ago

4.4.2

2 years ago

4.4.1

2 years ago

4.4.0

2 years ago

4.2.2

2 years ago

4.3.0

2 years ago

4.2.1

2 years ago

4.2.0

2 years ago

4.1.0

3 years ago

4.0.0

3 years ago

3.1.0

3 years ago

3.0.0

3 years ago

2.0.2

3 years ago

2.0.1

3 years ago

2.0.0

3 years ago

1.3.1

3 years ago

1.2.0

4 years ago

1.1.3

4 years ago

1.3.0

4 years ago

1.2.1

4 years ago

1.1.1

4 years ago

1.0.2

4 years ago

1.0.3

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago