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

Gisselle Weissnat, 8 98 / 100	Gisselle	Weissnat	8	single	49	98
Emmie O'Hara, 27 44 / 100	Emmie	O'Hara	27	relationship	48	44
Fabian Aufderhar, 6 89 / 100	Fabian	Aufderhar	6	complicated	84	89
Deion Ruecker, 16 53 / 100	Deion	Ruecker	16	complicated	0	53
Tina Reichert, 1 24 / 100	Tina	Reichert	1	single	33	24
Mason Hamill, 23 85 / 100	Mason	Hamill	23	complicated	11	85
Maxie Mohr, 9 11 / 100	Maxie	Mohr	9	relationship	84	11
Earnest Murphy, 9 17 / 100	Earnest	Murphy	9	single	0	17
Zachariah Thompson, 9 72 / 100	Zachariah	Thompson	9	complicated	74	72
Mia Welch, 15 67 / 100	Mia	Welch	15	relationship	20	67
Donna Schultz, 12 70 / 100	Donna	Schultz	12	single	15	70
Uriah Kerluke, 28 9 / 100	Uriah	Kerluke	28	single	46	9
Erica Lockman, 17 16 / 100	Erica	Lockman	17	complicated	26	16
Dandre Bartoletti, 14 44 / 100	Dandre	Bartoletti	14	relationship	29	44
Dannie Purdy, 22 9 / 100	Dannie	Purdy	22	complicated	81	9
Yadira Gibson, 9 57 / 100	Yadira	Gibson	9	relationship	35	57
Noble Bergnaum, 16 13 / 100	Noble	Bergnaum	16	single	30	13
Owen Mitchell, 6 63 / 100	Owen	Mitchell	6	single	84	63
Rocio Mohr, 13 31 / 100	Rocio	Mohr	13	single	39	31
Ottis Hahn, 25 40 / 100	Ottis	Hahn	25	single	61	40

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