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

Serenity Marks, 20 11 / 100	Serenity	Marks	20	relationship	80	11
Pablo Thiel, 9 7 / 100	Pablo	Thiel	9	relationship	98	7
Stephen Rosenbaum, 24 1 / 100	Stephen	Rosenbaum	24	relationship	47	1
Fatima Kemmer, 26 99 / 100	Fatima	Kemmer	26	relationship	14	99
Wilmer Ruecker, 12 21 / 100	Wilmer	Ruecker	12	complicated	5	21
Asia Thiel, 15 58 / 100	Asia	Thiel	15	single	18	58
Arturo Becker, 21 71 / 100	Arturo	Becker	21	relationship	81	71
Maia Hoppe, 28 80 / 100	Maia	Hoppe	28	complicated	5	80
Laney Brakus, 0 77 / 100	Laney	Brakus	0	single	35	77
Adella Jones, 28 67 / 100	Adella	Jones	28	relationship	74	67
Garnett Olson, 3 9 / 100	Garnett	Olson	3	single	65	9
Fabiola Botsford, 14 78 / 100	Fabiola	Botsford	14	single	58	78
Katharina Kilback, 16 90 / 100	Katharina	Kilback	16	relationship	68	90
Bell Padberg, 2 94 / 100	Bell	Padberg	2	relationship	41	94
Abbigail Boehm, 6 27 / 100	Abbigail	Boehm	6	single	78	27
Oleta Renner, 18 15 / 100	Oleta	Renner	18	single	12	15
Zetta Senger, 25 61 / 100	Zetta	Senger	25	complicated	66	61
Lance Ziemann, 0 62 / 100	Lance	Ziemann	0	single	33	62
Herman Gutmann, 21 10 / 100	Herman	Gutmann	21	complicated	98	10
Marianna Schoen, 5 75 / 100	Marianna	Schoen	5	single	98	75

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