Examples

Kitchen Sink

A table with all plugins enabled, including:

multi-sorting
column and table filtering
column re-ordering and hiding
pagination
row grouping and aggregation
row expansion
row selection
column resizing

INFO

Source code available on the REPL.

Hidden columns

selected

expanded

summary

firstName

lastName

age

status

visits

progress

Pagination

1 of 50

Page size

Column order

	Name (1000 records, 20 in page)		Info (1000 samples)
Summary	First Name	Last Name	Age	Status	Visits to	Profile Progress

Ursula Waters, 21 84 / 100	Ursula	Waters	21	complicated	15	84
Arielle Kerluke, 8 16 / 100	Arielle	Kerluke	8	complicated	2	16
Margarette Rice, 7 39 / 100	Margarette	Rice	7	complicated	10	39
Rogelio Dickinson, 8 23 / 100	Rogelio	Dickinson	8	relationship	28	23
Joy Ferry, 23 57 / 100	Joy	Ferry	23	relationship	8	57
Tierra Mayer, 15 43 / 100	Tierra	Mayer	15	complicated	39	43
Lilyan Daniel, 2 79 / 100	Lilyan	Daniel	2	single	95	79
Christelle Terry, 11 51 / 100	Christelle	Terry	11	complicated	53	51
Orin Jast, 8 44 / 100	Orin	Jast	8	relationship	97	44
Saige Nikolaus, 10 93 / 100	Saige	Nikolaus	10	single	40	93
Elyse Swift, 5 84 / 100	Elyse	Swift	5	complicated	7	84
Imelda Ernser, 10 28 / 100	Imelda	Ernser	10	complicated	5	28
Gage Spinka, 13 50 / 100	Gage	Spinka	13	single	86	50
Carrie Monahan, 5 96 / 100	Carrie	Monahan	5	complicated	39	96
Christa Hammes, 22 47 / 100	Christa	Hammes	22	complicated	63	47
Novella Hartmann, 26 86 / 100	Novella	Hartmann	26	complicated	95	86
Jonathan Waters, 16 16 / 100	Jonathan	Waters	16	complicated	91	16
Dawn Terry, 11 97 / 100	Dawn	Terry	11	single	67	97
Keira Streich, 6 53 / 100	Keira	Streich	6	relationship	99	53
Maggie Boyle, 12 87 / 100	Maggie	Boyle	12	complicated	5	87

{
  "groupByIds": [],
  "sortKeys": [],
  "filterValues": {},
  "selectedDataIds": {
    "1": true
  },
  "columnIdOrder": [
    "selected",
    "expanded",
    "summary",
    "firstName",
    "lastName",
    "age",
    "status",
    "visits",
    "progress"
  ],
  "hiddenColumnIds": [],
  "expandedIds": {
    "1": true
  },
  "columnWidths": {
    "age": 100
  }
}