Material Grammi=
Getting StartedContributeIntroductionConfigureCssGrid SystemColorsHelpersTypographyComponentsAccordionAlertBreadcrumbsButtonsCalendarCardChatCheckboxChipCollapseComponentCountdownDateDate RangeDragableDropableDropdownFixerFooterImageInputListMegamenuModalNavbarNotesNotificationsOffcanvasOverlayPaginationRadioSelectSlideshowSwitchTabTableText InputToastWidgetWizard

Table

Selectormg-table

Input Options

Filter

Search

Sort

Select
name
allowed
type
default
name
allowed
type
default
themeprimary | success | warning | danger | info | lite | darkstringdark
mgData[{any}]array of objects[ ]
ignoredColumns[object properties]array of strings[ ]
sortByobject propertystring
sortDirectionASC | DESCbooleanASC
tableTitlestringstringTable
columnsOrder[`object property`]array of strings[ ]
showOptions{ title: boolean, filter: boolean, sort: boolean, count: boolean }object{ false, false, false, false}
fixedHeadertrue | falsebooleanfalse
dragableSorttrue | falsebooleanfalse
paginate{status: boolean, perPage: number}objrct{status: false, perPage: 5}

Example

The array used for mgData should be an array of objects and there should not be any nested objects. Should have flat Heirarchy.

Preview Code

Filter

Search

Sort

Select
username
usertype
email
phone
role
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
username
email
phone
usertype
role
joejoe@xyz.z-user-
susansusan@xyz.z-user-
clarkclark@xyz.z0000-9089788admin-
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23