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

Jett Beier, 11 36 / 100	Jett	Beier	11	complicated	60	36
Hazel Cummerata, 9 36 / 100	Hazel	Cummerata	9	complicated	80	36
Marlon Jerde, 0 24 / 100	Marlon	Jerde	0	complicated	12	24
Jarred Reilly, 1 75 / 100	Jarred	Reilly	1	complicated	86	75
Myriam Friesen, 2 73 / 100	Myriam	Friesen	2	single	86	73
Shaina Gaylord, 22 50 / 100	Shaina	Gaylord	22	complicated	74	50
Peter Little, 12 52 / 100	Peter	Little	12	single	92	52
Jedidiah Greenholt, 16 80 / 100	Jedidiah	Greenholt	16	complicated	67	80
Lyla Goyette, 18 99 / 100	Lyla	Goyette	18	single	51	99
Claudia Bailey, 22 32 / 100	Claudia	Bailey	22	single	36	32
Alba Ratke, 9 96 / 100	Alba	Ratke	9	complicated	61	96
Elwyn Emard, 14 24 / 100	Elwyn	Emard	14	single	12	24
Tristin Harvey, 8 35 / 100	Tristin	Harvey	8	relationship	99	35
Travis O'Connell, 26 73 / 100	Travis	O'Connell	26	single	78	73
Anthony Rutherford, 20 50 / 100	Anthony	Rutherford	20	relationship	47	50
Jarvis Wolff, 14 54 / 100	Jarvis	Wolff	14	complicated	5	54
Jayson Dooley, 11 86 / 100	Jayson	Dooley	11	single	89	86
Taya Mayert, 20 62 / 100	Taya	Mayert	20	single	31	62
Wyatt Goodwin, 12 17 / 100	Wyatt	Goodwin	12	relationship	61	17
Jesus Harris, 29 48 / 100	Jesus	Harris	29	relationship	3	48

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