Grouping

An example of a grid control with grouping. Groups with the highest visits share appear first.

Name	Continent	Browser	OS	Visits	Visits Share
Asia (18 people)	1 continent	6 browsers	5 OSes	969	19.5%
Dock Wiza	Asia	Safari	Ubuntu	76	1.53%
Westley Muller	Asia	Safari	Android	60	1.21%
Austin Predovic	Asia	Opera	Ubuntu	51	1.03%
Friedrich Tremblay	Asia	Edge	Ubuntu	36	0.72%
Arden Price	Asia	Internet Explorer	Android	12	0.24%
Green Brekke	Asia	Safari	Ubuntu	76	1.53%
Cleta Stoltenberg	Asia	Internet Explorer	iOS	68	1.37%
Keely Pfannerstill	Asia	Safari	Ubuntu	32	0.64%
Katrine Carter	Asia	Chrome	Android	73	1.47%
Herta Orn	Asia	Edge	Android	25	0.50%
Shania Aufderhar	Asia	Firefox	Windows	80	1.61%
Aimee Rice	Asia	Chrome	Mac OS	94	1.89%
Savanah Crona	Asia	Opera	Android	12	0.24%
Lue Ritchie	Asia	Internet Explorer	Android	82	1.65%
Felipe Cruickshank	Asia	Chrome	Mac OS	69	1.39%
Isabell Greenholt	Asia	Edge	Ubuntu	60	1.21%
Torrance Frami	Asia	Opera	Ubuntu	44	0.89%
Marcelino VonRueden	Asia	Firefox	iOS	19	0.38%
Australia (17 people)	1 continent	6 browsers	5 OSes	878	17.7%
Jacklyn Heaney	Australia	Internet Explorer	Windows	90	1.81%
Travis Thiel	Australia	Safari	Mac OS	83	1.67%
Tyson Leuschke	Australia	Firefox	Android	24	0.48%
Bart Kertzmann	Australia	Internet Explorer	Ubuntu	23	0.46%
Mackenzie Considine	Australia	Chrome	Windows	27	0.54%
Ludie Hegmann	Australia	Chrome	Ubuntu	79	1.59%
Dashawn Nienow	Australia	Safari	Ubuntu	37	0.75%
Karine Spinka	Australia	Chrome	Ubuntu	51	1.03%
Benedict Orn	Australia	Opera	Windows	52	1.05%
Fletcher Dare	Australia	Safari	Mac OS	17	0.34%
Monroe Yost	Australia	Safari	Android	86	1.73%
Leon Schinner	Australia	Firefox	Ubuntu	70	1.41%
Estel Roob	Australia	Edge	Android	21	0.42%
Sedrick Fadel	Australia	Opera	iOS	4	0.08%
Kenyatta Wilkinson	Australia	Safari	Android	42	0.85%
Jackeline Schuster	Australia	Safari	Android	79	1.59%
Bethel Littel	Australia	Opera	Windows	93	1.87%
North America (21 people)	1 continent	5 browsers	4 OSes	785	15.8%
Celia Simonis	North America	Safari	Ubuntu	40	0.81%
Holden VonRueden	North America	Edge	Ubuntu	23	0.46%
Amina Leffler	North America	Firefox	Android	24	0.48%
Enola Schumm	North America	Edge	Ubuntu	36	0.72%
Pauline Champlin	North America	Opera	Android	42	0.85%
Melisa Stiedemann	North America	Safari	Windows	22	0.44%
Velva Emmerich	North America	Firefox	Windows	65	1.31%
Royce Wunsch	North America	Internet Explorer	Ubuntu	78	1.57%
Thad Legros	North America	Edge	Windows	16	0.32%
Constantin Hahn	North America	Internet Explorer	Ubuntu	7	0.14%
Oceane Moen	North America	Internet Explorer	Android	47	0.95%
Roslyn Purdy	North America	Internet Explorer	Android	29	0.58%
Adrianna Dicki	North America	Safari	Mac OS	49	0.99%
Kirk Nikolaus	North America	Firefox	Android	42	0.85%
Hector Hermiston	North America	Internet Explorer	Mac OS	46	0.93%
Ewald Becker	North America	Edge	Ubuntu	62	1.25%
Francisco Kovacek	North America	Firefox	Windows	11	0.22%
Bella Dare	North America	Opera	Ubuntu	98	1.97%
Maureen Friesen	North America	Opera	Mac OS	21	0.42%
Cecil Heidenreich	North America	Internet Explorer	Mac OS	12	0.24%
Marcus Ziemann	North America	Firefox	Android	15	0.30%
Africa (13 people)	1 continent	6 browsers	5 OSes	734	14.8%
Hilda Walsh	Africa	Opera	Ubuntu	51	1.03%
Trenton Borer	Africa	Firefox	Windows	21	0.42%
Austyn Abernathy	Africa	Edge	Mac OS	90	1.81%
Mavis Greenholt	Africa	Opera	Android	77	1.55%
Edgardo Rolfson	Africa	Internet Explorer	Ubuntu	77	1.55%
Tanner Sauer	Africa	Internet Explorer	Android	9	0.18%
Arely Mueller	Africa	Firefox	Ubuntu	75	1.51%
Barrett Smith	Africa	Firefox	Android	76	1.53%
Amina Gerhold	Africa	Firefox	Ubuntu	52	1.05%
Murphy Thompson	Africa	Opera	Windows	81	1.63%
Ada Kulas	Africa	Chrome	Android	18	0.36%
Casimir Lynch	Africa	Safari	Android	42	0.85%
Geovanni Reichel	Africa	Firefox	iOS	65	1.31%
Antarctica (10 people)	1 continent	6 browsers	5 OSes	613	12.3%
Raymond Bartell	Antarctica	Chrome	Windows	67	1.35%
Jaida Spinka	Antarctica	Firefox	iOS	43	0.87%
Corine Mante	Antarctica	Chrome	Ubuntu	44	0.89%
Kathryne McKenzie	Antarctica	Safari	Mac OS	75	1.51%
Donald Anderson	Antarctica	Internet Explorer	Android	89	1.79%
Reinhold Kling	Antarctica	Opera	Windows	26	0.52%
Ilene Raynor	Antarctica	Opera	Ubuntu	71	1.43%
Jannie Jacobs	Antarctica	Opera	Windows	21	0.42%
Kayley Herman	Antarctica	Edge	Windows	90	1.81%
Erna Barton	Antarctica	Internet Explorer	Android	87	1.75%
South America (11 people)	1 continent	6 browsers	4 OSes	551	11.1%
Dimitri Gleason	South America	Edge	Ubuntu	51	1.03%
Alison Pollich	South America	Chrome	Android	53	1.07%
Cecile Gusikowski	South America	Opera	Mac OS	56	1.13%
Josiah Parisian	South America	Firefox	Ubuntu	72	1.45%
Mckenzie Sauer	South America	Firefox	Ubuntu	99	1.99%
Genoveva Lindgren	South America	Internet Explorer	Mac OS	69	1.39%
Kenton Marquardt	South America	Safari	iOS	82	1.65%
Davion Wunsch	South America	Firefox	Android	22	0.44%
Audra Doyle	South America	Firefox	iOS	22	0.44%
Angelo Grant	South America	Chrome	iOS	5	0.10%
Shanel Maggio	South America	Opera	Android	20	0.40%
Europe (10 people)	1 continent	6 browsers	4 OSes	436	8.8%
Hilario Gutmann	Europe	Chrome	Windows	9	0.18%
Jaylon Wintheiser	Europe	Chrome	Ubuntu	62	1.25%
Georgianna Lynch	Europe	Opera	Windows	80	1.61%
Torrance Christiansen	Europe	Firefox	Ubuntu	43	0.87%
Art Armstrong	Europe	Safari	Android	64	1.29%
Brooke Nader	Europe	Internet Explorer	Android	11	0.22%
Sydni Schmitt	Europe	Firefox	Mac OS	21	0.42%
Catharine Weber	Europe	Edge	Android	17	0.34%
Franz Gutmann	Europe	Safari	Ubuntu	72	1.45%
Bette West	Europe	Opera	Ubuntu	57	1.15%
TOTAL - 100 people	7 continents	6 browsers	5 OSes	4,966	100.00%

Controller Grid Columns

<Grid
    records-bind='$page.records'
    scrollable
    fixedFooter
    style={{width: "100%", height: '800px'}}
    grouping={[
        { showFooter: true },
        {
            key: {
                name: { bind: '$record.continent' }
            },
            showCaption: true,
            comparer: (g1, g2) => g2.aggregates.visitsShare - g1.aggregates.visitsShare,
        }
    ]}
    columns={allColumns}
/>

Copied!Cx Fiddle

Documentation

Grouping