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

Efrain Rogahn, 14 71 / 100	Efrain	Rogahn	14	single	86	71
Lonie Champlin, 3 4 / 100	Lonie	Champlin	3	single	48	4
Jalon Goodwin, 22 38 / 100	Jalon	Goodwin	22	complicated	11	38
Austyn Ziemann, 8 64 / 100	Austyn	Ziemann	8	single	73	64
Barry Hyatt, 20 17 / 100	Barry	Hyatt	20	complicated	10	17
Cassie Terry, 20 11 / 100	Cassie	Terry	20	single	4	11
Alexis Jenkins, 1 24 / 100	Alexis	Jenkins	1	single	50	24
Audrey Walter, 21 88 / 100	Audrey	Walter	21	relationship	18	88
Jared McGlynn, 25 4 / 100	Jared	McGlynn	25	complicated	13	4
Germaine Schimmel, 13 21 / 100	Germaine	Schimmel	13	relationship	80	21
Edwin Hodkiewicz, 13 2 / 100	Edwin	Hodkiewicz	13	relationship	30	2
Angel Leuschke, 11 0 / 100	Angel	Leuschke	11	complicated	59	0
Anya Murphy, 12 44 / 100	Anya	Murphy	12	complicated	3	44
Mario Lynch, 6 61 / 100	Mario	Lynch	6	complicated	47	61
Tiara Grant, 21 50 / 100	Tiara	Grant	21	complicated	81	50
Marc Rosenbaum, 15 41 / 100	Marc	Rosenbaum	15	complicated	47	41
Joey Frami, 23 65 / 100	Joey	Frami	23	relationship	43	65
Dillon Gleichner, 21 39 / 100	Dillon	Gleichner	21	relationship	77	39
Xander Gorczany, 28 78 / 100	Xander	Gorczany	28	complicated	62	78
Caleb Nolan, 2 27 / 100	Caleb	Nolan	2	relationship	31	27

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