Grouping

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

Name	Continent	Browser	OS	Visits	Visits Share
South America (21 people)	1 continent	6 browsers	5 OSes	1,405	25.2%
Julian Considine	South America	Internet Explorer	Android	58	1.04%
Maxwell Hilpert	South America	Opera	Ubuntu	29	0.52%
Monique Erdman	South America	Firefox	iOS	97	1.74%
Zella Harber	South America	Firefox	Mac OS	73	1.31%
Jo Aufderhar	South America	Internet Explorer	Mac OS	72	1.29%
Paul Hegmann	South America	Internet Explorer	iOS	49	0.88%
Walter DuBuque	South America	Internet Explorer	Windows	44	0.79%
Helene Kihn	South America	Safari	Mac OS	83	1.49%
Sunny Hahn	South America	Chrome	Mac OS	60	1.08%
Alexa Kunze	South America	Chrome	Mac OS	92	1.65%
Ansel Kulas	South America	Firefox	Mac OS	32	0.57%
Aniya Sauer	South America	Firefox	Windows	93	1.67%
Ottilie Cole	South America	Internet Explorer	Ubuntu	71	1.27%
Jewel Dibbert	South America	Opera	Android	15	0.27%
Ella Miller	South America	Internet Explorer	Windows	77	1.38%
Yoshiko Paucek	South America	Firefox	Mac OS	78	1.40%
Shaylee Pfannerstill	South America	Opera	Ubuntu	90	1.62%
Virginia Witting	South America	Internet Explorer	Android	49	0.88%
Norbert Sanford	South America	Internet Explorer	Ubuntu	91	1.63%
Raymundo Block	South America	Opera	Ubuntu	54	0.97%
Stevie Hills	South America	Edge	Ubuntu	98	1.76%
Australia (21 people)	1 continent	6 browsers	5 OSes	935	16.8%
Martina Durgan	Australia	Internet Explorer	Ubuntu	89	1.60%
Mariam Schowalter	Australia	Edge	iOS	26	0.47%
Gussie Kling	Australia	Chrome	Windows	46	0.83%
Felicita Fay	Australia	Chrome	iOS	52	0.93%
Coty Quigley	Australia	Firefox	Android	94	1.69%
Patrick Spinka	Australia	Chrome	Ubuntu	63	1.13%
Kristoffer Rempel	Australia	Firefox	Ubuntu	57	1.02%
Shanny Lockman	Australia	Firefox	Ubuntu	10	0.18%
Shane Renner	Australia	Firefox	Android	54	0.97%
Yesenia Brown	Australia	Internet Explorer	Ubuntu	21	0.38%
Lenore Kessler	Australia	Safari	Windows	34	0.61%
Oran Nitzsche	Australia	Opera	Ubuntu	16	0.29%
Lon Hettinger	Australia	Edge	Ubuntu	37	0.66%
Trisha Bednar	Australia	Chrome	iOS	14	0.25%
Leonor Stark	Australia	Edge	iOS	6	0.11%
Houston Buckridge	Australia	Opera	Mac OS	50	0.90%
Eugenia Beier	Australia	Edge	Windows	24	0.43%
Jermey Morissette	Australia	Internet Explorer	Android	28	0.50%
Jarvis Price	Australia	Safari	Mac OS	79	1.42%
Myrtie Thiel	Australia	Safari	Android	96	1.72%
Reanna Ferry	Australia	Internet Explorer	Ubuntu	39	0.70%
Africa (18 people)	1 continent	6 browsers	5 OSes	931	16.7%
Maynard Kerluke	Africa	Safari	Android	61	1.10%
Janiya Schuster	Africa	Internet Explorer	Mac OS	13	0.23%
Elody Krajcik	Africa	Firefox	Windows	60	1.08%
Regan Senger	Africa	Internet Explorer	Android	79	1.42%
Sigrid Dare	Africa	Chrome	Android	80	1.44%
Freddy Welch	Africa	Safari	Ubuntu	49	0.88%
Wellington Abernathy	Africa	Safari	Windows	80	1.44%
Kathlyn Bahringer	Africa	Safari	Mac OS	6	0.11%
Pablo Langosh	Africa	Safari	Ubuntu	94	1.69%
Ines Lynch	Africa	Chrome	Android	100	1.80%
Elenor Hermiston	Africa	Opera	Windows	34	0.61%
Flavie Grady	Africa	Chrome	Ubuntu	78	1.40%
Camylle Morissette	Africa	Edge	Windows	14	0.25%
Katelin Maggio	Africa	Safari	Android	81	1.45%
Allie Halvorson	Africa	Opera	iOS	68	1.22%
Helga Kshlerin	Africa	Firefox	Mac OS	3	0.05%
Dovie Wuckert	Africa	Internet Explorer	Android	5	0.09%
Kayley Bogan	Africa	Safari	Ubuntu	26	0.47%
North America (13 people)	1 continent	6 browsers	4 OSes	847	15.2%
Gerhard Steuber	North America	Safari	Windows	82	1.47%
Herta Ebert	North America	Opera	Mac OS	93	1.67%
Bettye Kuhlman	North America	Internet Explorer	Windows	83	1.49%
Carissa Sanford	North America	Opera	Mac OS	84	1.51%
Caleigh Mraz	North America	Chrome	Windows	25	0.45%
Garland Robel	North America	Edge	Mac OS	77	1.38%
Maximillian Jenkins	North America	Safari	Android	34	0.61%
Bailey Von	North America	Firefox	Ubuntu	46	0.83%
Serena Wunsch	North America	Chrome	Ubuntu	46	0.83%
Gracie Price	North America	Firefox	Android	81	1.45%
Kristopher Kub	North America	Internet Explorer	Windows	5	0.09%
Karley Morissette	North America	Chrome	Mac OS	97	1.74%
Ford Smitham	North America	Opera	Mac OS	94	1.69%
Asia (13 people)	1 continent	4 browsers	4 OSes	781	14.0%
Javon Langworth	Asia	Internet Explorer	Windows	31	0.56%
Carli McDermott	Asia	Internet Explorer	Ubuntu	90	1.62%
Maya Block	Asia	Internet Explorer	Mac OS	97	1.74%
Sigurd Murray	Asia	Chrome	Mac OS	73	1.31%
Jackson Schoen	Asia	Firefox	Android	90	1.62%
Morgan Farrell	Asia	Safari	Mac OS	84	1.51%
Jodie Hartmann	Asia	Safari	Android	26	0.47%
Ethelyn Lueilwitz	Asia	Chrome	Ubuntu	59	1.06%
Abraham Cummerata	Asia	Internet Explorer	Ubuntu	56	1.01%
Pearline Connelly	Asia	Firefox	Ubuntu	51	0.92%
Quinten Wiegand	Asia	Safari	Mac OS	57	1.02%
Maida Cassin	Asia	Safari	Ubuntu	51	0.92%
Ayden Kertzmann	Asia	Internet Explorer	Android	16	0.29%
Antarctica (8 people)	1 continent	6 browsers	3 OSes	369	6.6%
Winifred Robel	Antarctica	Firefox	Ubuntu	62	1.11%
Myles West	Antarctica	Opera	Android	73	1.31%
Lydia Weimann	Antarctica	Edge	Ubuntu	24	0.43%
Stacy Kihn	Antarctica	Chrome	Android	7	0.13%
Madalyn Kerluke	Antarctica	Internet Explorer	Android	45	0.81%
Lisandro Dickens	Antarctica	Opera	Mac OS	41	0.74%
Danyka McLaughlin	Antarctica	Chrome	Android	93	1.67%
Diego Ryan	Antarctica	Safari	Mac OS	24	0.43%
Europe (6 people)	1 continent	4 browsers	4 OSes	301	5.4%
Natasha Cartwright	Europe	Internet Explorer	Android	7	0.13%
Eduardo Jakubowski	Europe	Safari	Mac OS	3	0.05%
Bertha Ondricka	Europe	Safari	Ubuntu	90	1.62%
Emerson Abbott	Europe	Firefox	Windows	95	1.71%
Cleta Watsica	Europe	Opera	Ubuntu	10	0.18%
Hope Klein	Europe	Safari	Ubuntu	96	1.72%
TOTAL - 100 people	7 continents	6 browsers	5 OSes	5,569	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