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

Liana Zulauf, 24 51 / 100	Liana	Zulauf	24	complicated	47	51
Tabitha Mohr, 27 0 / 100	Tabitha	Mohr	27	relationship	39	0
Hilton Crona, 0 90 / 100	Hilton	Crona	0	relationship	1	90
Kacey Quitzon, 17 69 / 100	Kacey	Quitzon	17	relationship	32	69
Hassan Toy, 21 63 / 100	Hassan	Toy	21	relationship	96	63
Birdie Spinka, 17 70 / 100	Birdie	Spinka	17	relationship	54	70
Shea Beahan, 18 79 / 100	Shea	Beahan	18	relationship	79	79
Treva Hansen, 21 45 / 100	Treva	Hansen	21	complicated	35	45
Anthony Considine, 17 75 / 100	Anthony	Considine	17	complicated	4	75
Damion Hermiston, 27 2 / 100	Damion	Hermiston	27	relationship	18	2
Breana Waelchi, 29 11 / 100	Breana	Waelchi	29	relationship	34	11
Justina Feest, 14 96 / 100	Justina	Feest	14	relationship	9	96
Oran Champlin, 19 65 / 100	Oran	Champlin	19	single	41	65
Karianne Kassulke, 6 83 / 100	Karianne	Kassulke	6	relationship	51	83
Earline Lebsack, 29 50 / 100	Earline	Lebsack	29	complicated	82	50
Alec Torp, 11 66 / 100	Alec	Torp	11	complicated	77	66
Golden West, 2 10 / 100	Golden	West	2	relationship	74	10
Mariam Kuhlman, 18 53 / 100	Mariam	Kuhlman	18	relationship	70	53
Eladio Kuhlman, 8 97 / 100	Eladio	Kuhlman	8	complicated	57	97
Evie Weissnat, 6 54 / 100	Evie	Weissnat	6	complicated	55	54

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