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

Quinn Stracke, 17 21 / 100	Quinn	Stracke	17	complicated	20	21
Gilbert Runolfsdottir, 6 32 / 100	Gilbert	Runolfsdottir	6	complicated	70	32
Melisa Barrows, 26 64 / 100	Melisa	Barrows	26	relationship	78	64
Filiberto Ritchie, 10 26 / 100	Filiberto	Ritchie	10	complicated	84	26
Katlyn Bayer, 6 13 / 100	Katlyn	Bayer	6	single	78	13
Elyse Marquardt, 2 36 / 100	Elyse	Marquardt	2	complicated	22	36
Lurline Blanda, 4 32 / 100	Lurline	Blanda	4	single	32	32
Sallie Smith, 11 94 / 100	Sallie	Smith	11	complicated	2	94
Anika Pagac, 5 40 / 100	Anika	Pagac	5	complicated	23	40
Cassandra Kulas, 6 65 / 100	Cassandra	Kulas	6	relationship	45	65
Gonzalo Oberbrunner, 20 6 / 100	Gonzalo	Oberbrunner	20	relationship	70	6
Julia Wintheiser, 24 63 / 100	Julia	Wintheiser	24	complicated	91	63
Maddison Nolan, 19 50 / 100	Maddison	Nolan	19	complicated	35	50
Reymundo Jenkins, 4 11 / 100	Reymundo	Jenkins	4	complicated	20	11
Darrion Huel, 18 95 / 100	Darrion	Huel	18	single	12	95
Orpha Labadie, 29 9 / 100	Orpha	Labadie	29	relationship	49	9
Columbus Schiller, 24 92 / 100	Columbus	Schiller	24	complicated	59	92
Cierra Rodriguez, 5 90 / 100	Cierra	Rodriguez	5	single	89	90
Rahul Will, 8 25 / 100	Rahul	Will	8	single	57	25
Kitty McCullough, 14 61 / 100	Kitty	McCullough	14	relationship	38	61

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