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

Doyle Hermiston, 26 14 / 100	Doyle	Hermiston	26	single	90	14
Kaitlin Ryan, 26 16 / 100	Kaitlin	Ryan	26	single	69	16
Pearline Rath, 27 59 / 100	Pearline	Rath	27	single	32	59
Elian Lueilwitz, 5 90 / 100	Elian	Lueilwitz	5	single	72	90
Brock Kuvalis, 2 79 / 100	Brock	Kuvalis	2	single	1	79
Casimir Russel, 26 36 / 100	Casimir	Russel	26	single	0	36
Aaliyah Harber, 28 19 / 100	Aaliyah	Harber	28	relationship	51	19
Orrin Schuster, 3 20 / 100	Orrin	Schuster	3	relationship	91	20
Jo Toy, 12 57 / 100	Jo	Toy	12	single	93	57
Jose Kohler, 17 44 / 100	Jose	Kohler	17	complicated	97	44
Everardo Williamson, 0 60 / 100	Everardo	Williamson	0	relationship	76	60
Eric Willms, 29 91 / 100	Eric	Willms	29	single	59	91
Eve Bednar, 6 33 / 100	Eve	Bednar	6	complicated	90	33
Jameson Douglas, 11 79 / 100	Jameson	Douglas	11	complicated	17	79
Hope Hudson, 19 97 / 100	Hope	Hudson	19	complicated	3	97
Buddy Fahey, 15 51 / 100	Buddy	Fahey	15	single	19	51
Michelle Altenwerth, 21 14 / 100	Michelle	Altenwerth	21	single	24	14
Joesph Jast, 10 49 / 100	Joesph	Jast	10	relationship	44	49
Adolphus Wehner, 22 52 / 100	Adolphus	Wehner	22	relationship	23	52
Astrid McGlynn, 13 89 / 100	Astrid	McGlynn	13	single	14	89

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