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

Arch Huel, 8 85 / 100	Arch	Huel	8	relationship	25	85
Cielo Nitzsche, 23 34 / 100	Cielo	Nitzsche	23	single	51	34
Omari Wyman, 1 1 / 100	Omari	Wyman	1	complicated	95	1
Kelvin Conn, 12 85 / 100	Kelvin	Conn	12	complicated	29	85
Kailyn Price, 20 50 / 100	Kailyn	Price	20	single	90	50
Kenneth Collier, 25 99 / 100	Kenneth	Collier	25	complicated	97	99
Adelbert Gutmann, 0 64 / 100	Adelbert	Gutmann	0	single	14	64
Emile Hammes, 18 2 / 100	Emile	Hammes	18	complicated	71	2
Jaren Waelchi, 5 41 / 100	Jaren	Waelchi	5	single	8	41
Alvera Jacobson, 16 92 / 100	Alvera	Jacobson	16	single	48	92
Ezekiel Ritchie, 10 91 / 100	Ezekiel	Ritchie	10	complicated	28	91
Ambrose O'Keefe, 17 97 / 100	Ambrose	O'Keefe	17	relationship	78	97
Rashawn Cormier, 7 56 / 100	Rashawn	Cormier	7	relationship	62	56
Eula Steuber, 22 85 / 100	Eula	Steuber	22	relationship	60	85
Barrett Baumbach, 23 36 / 100	Barrett	Baumbach	23	single	83	36
Kenyatta Moore, 0 71 / 100	Kenyatta	Moore	0	single	68	71
Jeffry Vandervort, 8 37 / 100	Jeffry	Vandervort	8	relationship	8	37
Kadin Schmitt, 24 18 / 100	Kadin	Schmitt	24	single	76	18
Krystina Runolfsdottir, 1 22 / 100	Krystina	Runolfsdottir	1	relationship	33	22
Anita Schimmel, 22 95 / 100	Anita	Schimmel	22	relationship	54	95

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