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

Pearlie Waters, 10 20 / 100	Pearlie	Waters	10	single	29	20
Keeley Haley, 4 10 / 100	Keeley	Haley	4	relationship	40	10
Taylor Kuhn, 24 88 / 100	Taylor	Kuhn	24	single	21	88
Maria Streich, 16 25 / 100	Maria	Streich	16	relationship	24	25
Kaia Mante, 17 83 / 100	Kaia	Mante	17	complicated	21	83
Brisa Ritchie, 21 84 / 100	Brisa	Ritchie	21	complicated	36	84
Lenora Purdy, 9 55 / 100	Lenora	Purdy	9	relationship	73	55
Maurice Johnson, 29 35 / 100	Maurice	Johnson	29	complicated	81	35
Phyllis Ebert, 23 41 / 100	Phyllis	Ebert	23	single	18	41
Cristobal Carter, 26 55 / 100	Cristobal	Carter	26	single	41	55
Keshawn Reichel, 11 57 / 100	Keshawn	Reichel	11	complicated	74	57
Camylle Mraz, 2 25 / 100	Camylle	Mraz	2	complicated	56	25
Helmer Johns, 0 53 / 100	Helmer	Johns	0	relationship	52	53
Estella Veum, 9 91 / 100	Estella	Veum	9	complicated	33	91
Ashleigh Bernhard, 22 20 / 100	Ashleigh	Bernhard	22	relationship	77	20
Rhoda Weber, 14 64 / 100	Rhoda	Weber	14	relationship	53	64
Arvid Heidenreich, 21 45 / 100	Arvid	Heidenreich	21	single	36	45
Ransom Klein, 0 58 / 100	Ransom	Klein	0	complicated	41	58
Harold Crist, 15 0 / 100	Harold	Crist	15	complicated	77	0
Ayden Weissnat, 29 86 / 100	Ayden	Weissnat	29	complicated	13	86

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