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

Jon Rogahn, 2 68 / 100	Jon	Rogahn	2	relationship	23	68
Ally Leannon, 28 32 / 100	Ally	Leannon	28	single	89	32
Dariana Luettgen, 25 91 / 100	Dariana	Luettgen	25	relationship	94	91
Monroe Kertzmann, 3 69 / 100	Monroe	Kertzmann	3	complicated	95	69
Antone Wehner, 7 34 / 100	Antone	Wehner	7	relationship	13	34
Lee Dicki, 20 74 / 100	Lee	Dicki	20	complicated	50	74
Jackeline Bergnaum, 17 99 / 100	Jackeline	Bergnaum	17	complicated	57	99
Zachery Skiles, 24 53 / 100	Zachery	Skiles	24	complicated	42	53
Enola Haley, 24 66 / 100	Enola	Haley	24	relationship	11	66
Kian Schaefer, 16 60 / 100	Kian	Schaefer	16	single	80	60
Curtis Lowe, 22 46 / 100	Curtis	Lowe	22	relationship	43	46
Jayson Gorczany, 18 89 / 100	Jayson	Gorczany	18	relationship	34	89
Barry Lynch, 11 54 / 100	Barry	Lynch	11	complicated	53	54
Colin Nader, 18 41 / 100	Colin	Nader	18	relationship	62	41
Vallie King, 22 20 / 100	Vallie	King	22	complicated	6	20
Darby Runolfsdottir, 0 0 / 100	Darby	Runolfsdottir	0	single	85	0
Aiden Fadel, 10 87 / 100	Aiden	Fadel	10	relationship	5	87
Rubye Lang, 11 15 / 100	Rubye	Lang	11	complicated	52	15
Levi Ondricka, 28 1 / 100	Levi	Ondricka	28	complicated	68	1
Rick Cassin, 3 65 / 100	Rick	Cassin	3	complicated	13	65

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