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

Dameon Moore, 1 31 / 100	Dameon	Moore	1	relationship	7	31
Santos Torp, 19 20 / 100	Santos	Torp	19	single	41	20
Salma Wuckert, 5 10 / 100	Salma	Wuckert	5	relationship	88	10
Cade Prohaska, 16 66 / 100	Cade	Prohaska	16	single	68	66
Haylee Hettinger, 13 36 / 100	Haylee	Hettinger	13	single	43	36
Lila Bernier, 15 28 / 100	Lila	Bernier	15	complicated	95	28
Friedrich Prohaska, 28 1 / 100	Friedrich	Prohaska	28	complicated	35	1
Jacquelyn Hansen, 4 37 / 100	Jacquelyn	Hansen	4	single	5	37
Antwan Volkman, 28 8 / 100	Antwan	Volkman	28	complicated	49	8
Jedidiah Murphy, 17 85 / 100	Jedidiah	Murphy	17	complicated	26	85
Marina Kihn, 20 5 / 100	Marina	Kihn	20	relationship	23	5
Addison Quitzon, 4 12 / 100	Addison	Quitzon	4	relationship	33	12
Etha Reynolds, 21 71 / 100	Etha	Reynolds	21	relationship	53	71
Sheridan Smith, 9 40 / 100	Sheridan	Smith	9	complicated	77	40
Bradley Harris, 26 21 / 100	Bradley	Harris	26	single	9	21
Giovanna Aufderhar, 18 42 / 100	Giovanna	Aufderhar	18	relationship	80	42
Conrad Marquardt, 2 16 / 100	Conrad	Marquardt	2	complicated	1	16
Morris Kuhn, 10 71 / 100	Morris	Kuhn	10	complicated	65	71
Jay Romaguera, 27 29 / 100	Jay	Romaguera	27	relationship	61	29
Alverta Hagenes, 21 72 / 100	Alverta	Hagenes	21	single	64	72

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