Table

Table component using react-table to display the data. Can be grouped, filtered, sorted. Themed with theme-ui for consistency.

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

#	totalCountTemplate	pageIndex	pageSize	pageTemplate	pageSizeTemplate	goToPageTemplate
1	Johnny Oberbrunner	0	7	Ms. Alysha Daniel	Kane Ortiz	Ronny Spinka
2	Lemuel Kris	1	5	Scot Kuhic	Karley Trantow	Miss Glenda Veum
3	Jennings Carter	0	20	Mrs. Meagan Pollich	Mr. Laura Muller	Petra Schmitt
4	Joy Crooks	1	8	Eloise Langworth	Giovani Koelpin	Herman Bechtelar
5	Cornell Haag	0	13	Vicky Parisian	Dewitt Ferry III	Roy Toy V

5 data rows

Name	Description	Default
totalCountVisible	boolean	true
totalCountTemplate	text	Total: ${totalData} records
pageIndex	number	0
pageSize	number	10
pageTemplate	text	Page ${pageIndex} of ${pageLength}
pageVisible	boolean	false
pageSizeTemplate	text	${pageSize} rows
pageSizeVisible	boolean	false
goToPageVisible	boolean	false
goToPageTemplate	text	Go to page:

	Status	Full name	Title	Time(ms)
Table.test.ts(24 tests)
	passed	Table > overview	snapshot	204
	passed	Table > overview	accessibility	579
	passed	Table > noHeader	snapshot	56
	passed	Table > noHeader	accessibility	278
	passed	Table > sortable	snapshot	114
	passed	Table > sortable	accessibility	653
	passed	Table > filterable	snapshot	123
	passed	Table > filterable	accessibility	544
	passed	Table > grouping	snapshot	101

total 24 tests

	Kind	Total	Covered	Skipped	%
Table.tsx
	lines	51	50	0	98.03%
	functions	11	7	0	63.63%
	statements	57	56	0	98.24%
	branches	41	34	0	82.92%

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

320px

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

375px

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

768px

Age	Name	User Name	Street	City	Zip Code
22	Edison Keebler	Danielle_Pollich	Jayde Rapids	Montanaborough	20635
24	London Runolfsson	Audreanne.Sanford	Towne Cliff	Langoshport	65133
25	Sebastian Gleason	Johnathan.Klocko58	Haley Drives	South Kiannaberg	58169
25	Gladys Baumbach	Darien.Gutmann	Anastasia Points	West Graycemouth	33850
22	Ms. Jaunita Lubowitz	Kody.McClure	Lindgren Inlet	Grimesshire	27558-3367
23	Jacques Bernhard	Nichole_Kozey4	Ramona Station	Gunnerland	64856
24	Dr. Rylee DuBuque	Lewis.Vandervort7	Kelly Landing	Lake Gabe	98806
22	Nettie Runte	Johnny.Marquardt30	Larson Square	Hannaton	81636
25	Isabell Feil Jr.	Rafaela.Gusikowski4	Kaya Mountain	Kemmerbury	01459
24	Jillian Hoeger	Annamae.Maggio23	Darlene Course	Earlenebury	70931

Total: 20 records

1024px