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

Madalyn Orn, 21 9 / 100	Madalyn	Orn	21	relationship	76	9
Cesar Shields, 0 51 / 100	Cesar	Shields	0	single	62	51
Urban Schowalter, 28 84 / 100	Urban	Schowalter	28	single	75	84
Fredrick Bergnaum, 17 80 / 100	Fredrick	Bergnaum	17	single	3	80
Creola Conn, 0 31 / 100	Creola	Conn	0	complicated	67	31
Vernice Jaskolski, 15 57 / 100	Vernice	Jaskolski	15	single	24	57
Monserrat Cruickshank, 28 77 / 100	Monserrat	Cruickshank	28	single	47	77
Althea Ferry, 19 33 / 100	Althea	Ferry	19	complicated	8	33
Rhea Bartell, 3 69 / 100	Rhea	Bartell	3	single	44	69
Everardo Kertzmann, 7 54 / 100	Everardo	Kertzmann	7	relationship	44	54
Kiley McKenzie, 3 71 / 100	Kiley	McKenzie	3	complicated	59	71
Vesta Runte, 12 12 / 100	Vesta	Runte	12	single	80	12
Loraine Thompson, 26 38 / 100	Loraine	Thompson	26	single	25	38
Veda Hirthe, 21 39 / 100	Veda	Hirthe	21	relationship	97	39
Camren Fadel, 23 1 / 100	Camren	Fadel	23	relationship	72	1
Maiya Renner, 2 94 / 100	Maiya	Renner	2	complicated	0	94
Rosario Kovacek, 5 37 / 100	Rosario	Kovacek	5	complicated	60	37
Hettie Ritchie, 4 39 / 100	Hettie	Ritchie	4	single	12	39
Maxime Bahringer, 19 56 / 100	Maxime	Bahringer	19	complicated	64	56
Lee Langworth, 29 79 / 100	Lee	Langworth	29	relationship	60	79

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