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

Nora Ward, 5 72 / 100	Nora	Ward	5	relationship	95	72
Miguel Spinka, 25 7 / 100	Miguel	Spinka	25	relationship	73	7
Catherine McCullough, 27 61 / 100	Catherine	McCullough	27	single	98	61
Javon Waelchi, 29 40 / 100	Javon	Waelchi	29	single	93	40
Dwight Hauck, 15 29 / 100	Dwight	Hauck	15	single	66	29
Abigail Gislason, 5 53 / 100	Abigail	Gislason	5	relationship	40	53
Ruthe Balistreri, 18 26 / 100	Ruthe	Balistreri	18	complicated	31	26
Buddy Gottlieb, 2 54 / 100	Buddy	Gottlieb	2	relationship	14	54
Wilton Little, 24 84 / 100	Wilton	Little	24	single	66	84
Demond Champlin, 6 19 / 100	Demond	Champlin	6	single	47	19
Eloisa Hane, 4 74 / 100	Eloisa	Hane	4	relationship	97	74
Hester Connelly, 16 64 / 100	Hester	Connelly	16	complicated	86	64
Leanna Kirlin, 27 22 / 100	Leanna	Kirlin	27	relationship	1	22
Alexandra D'Amore, 13 31 / 100	Alexandra	D'Amore	13	complicated	18	31
Travon Purdy, 14 64 / 100	Travon	Purdy	14	complicated	41	64
Richmond Walter, 5 66 / 100	Richmond	Walter	5	relationship	81	66
Kelsi Bergnaum, 29 95 / 100	Kelsi	Bergnaum	29	single	97	95
Hildegard Gorczany, 21 1 / 100	Hildegard	Gorczany	21	complicated	72	1
Ralph Ebert, 21 62 / 100	Ralph	Ebert	21	single	11	62
Kailyn Hermann, 19 71 / 100	Kailyn	Hermann	19	single	90	71

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