Grouping

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

Name	Continent	Browser	OS	Visits	Visits Share
Africa (23 people)	1 continent	6 browsers	5 OSes	1,186	23.2%
Laurianne Wilkinson	Africa	Edge	Ubuntu	55	1.08%
Korbin Davis	Africa	Chrome	Windows	65	1.27%
Myrtie Lang	Africa	Internet Explorer	Android	62	1.21%
Madisen Purdy	Africa	Chrome	Mac OS	52	1.02%
Shanel Hegmann	Africa	Firefox	Windows	97	1.90%
Carter Goyette	Africa	Edge	Ubuntu	61	1.19%
Jamie Ernser	Africa	Firefox	iOS	37	0.72%
Jamar Gleason	Africa	Chrome	Ubuntu	13	0.25%
Paul Yundt	Africa	Opera	Ubuntu	3	0.06%
Georgiana Kessler	Africa	Internet Explorer	Windows	47	0.92%
Desiree Strosin	Africa	Internet Explorer	Windows	94	1.84%
Lilla Murray	Africa	Safari	Android	43	0.84%
Antonette Cummings	Africa	Opera	Android	43	0.84%
Janae Ledner	Africa	Safari	Ubuntu	34	0.66%
Cayla Carter	Africa	Chrome	Mac OS	37	0.72%
Mable Thompson	Africa	Firefox	Android	3	0.06%
Elmira Hills	Africa	Internet Explorer	Android	68	1.33%
Kyra Schuppe	Africa	Firefox	Ubuntu	56	1.09%
Cordia Runolfsdottir	Africa	Chrome	Ubuntu	53	1.04%
Ralph Morar	Africa	Firefox	Android	96	1.88%
Marcellus Hammes	Africa	Opera	Windows	44	0.86%
Logan Paucek	Africa	Internet Explorer	Mac OS	67	1.31%
Leonie Schultz	Africa	Firefox	Android	56	1.09%
North America (15 people)	1 continent	6 browsers	5 OSes	825	16.1%
Janie Abbott	North America	Opera	Windows	90	1.76%
Raheem Mueller	North America	Safari	Ubuntu	25	0.49%
Lora Murphy	North America	Firefox	Android	36	0.70%
Ford Spinka	North America	Chrome	iOS	77	1.51%
Miguel Lebsack	North America	Safari	Windows	49	0.96%
Cara Hermiston	North America	Internet Explorer	Mac OS	6	0.12%
Misael Langworth	North America	Edge	Ubuntu	74	1.45%
Godfrey Boyer	North America	Internet Explorer	Ubuntu	30	0.59%
Kennedy Kling	North America	Edge	Windows	1	0.02%
Aurelio Runolfsson	North America	Safari	Windows	52	1.02%
Rowan McLaughlin	North America	Safari	Ubuntu	87	1.70%
Kaitlin Shields	North America	Edge	Mac OS	86	1.68%
Erika Legros	North America	Firefox	Mac OS	25	0.49%
Colten Block	North America	Edge	iOS	93	1.82%
Nathaniel Quitzon	North America	Safari	Mac OS	94	1.84%
Asia (17 people)	1 continent	6 browsers	4 OSes	782	15.3%
Trace Trantow	Asia	Safari	Mac OS	19	0.37%
Beulah Murray	Asia	Opera	Ubuntu	10	0.20%
Gerry Schmitt	Asia	Firefox	Windows	18	0.35%
Dolly Lindgren	Asia	Internet Explorer	Windows	31	0.61%
Ruthie Steuber	Asia	Internet Explorer	Windows	31	0.61%
Rasheed Littel	Asia	Chrome	Ubuntu	35	0.68%
Ova Weber	Asia	Opera	Android	81	1.58%
Braeden Halvorson	Asia	Internet Explorer	Ubuntu	66	1.29%
Kaylie Satterfield	Asia	Opera	Android	77	1.51%
Lucious Goodwin	Asia	Chrome	Ubuntu	91	1.78%
Angelita Sporer	Asia	Opera	Android	28	0.55%
Nils Gorczany	Asia	Internet Explorer	Ubuntu	33	0.65%
Queen Schultz	Asia	Chrome	Mac OS	54	1.06%
Travis Hansen	Asia	Firefox	Mac OS	20	0.39%
Junior Glover	Asia	Firefox	Windows	21	0.41%
Amina Bashirian	Asia	Edge	Mac OS	79	1.54%
Webster Zemlak	Asia	Safari	Mac OS	88	1.72%
Australia (13 people)	1 continent	6 browsers	5 OSes	742	14.5%
Greyson Tremblay	Australia	Firefox	Windows	27	0.53%
Casey Johnston	Australia	Internet Explorer	Android	63	1.23%
Lorena Morar	Australia	Opera	Ubuntu	58	1.13%
Erick Keebler	Australia	Chrome	Android	92	1.80%
Jessyca Harvey	Australia	Opera	Mac OS	63	1.23%
Jacques Gibson	Australia	Opera	Ubuntu	99	1.94%
Bonita Nolan	Australia	Firefox	Mac OS	14	0.27%
Danny Price	Australia	Safari	Windows	54	1.06%
Janis Wolf	Australia	Safari	Android	99	1.94%
Sheila Pfannerstill	Australia	Opera	Ubuntu	52	1.02%
Toney Kassulke	Australia	Internet Explorer	Android	15	0.29%
Maci Stamm	Australia	Firefox	Mac OS	8	0.16%
Christa Reinger	Australia	Edge	iOS	98	1.92%
South America (13 people)	1 continent	6 browsers	4 OSes	665	13.0%
Hilario Hansen	South America	Chrome	Ubuntu	60	1.17%
Tevin Haley	South America	Firefox	Mac OS	68	1.33%
Henry Schroeder	South America	Chrome	Windows	18	0.35%
Jaylan Gleichner	South America	Safari	Mac OS	95	1.86%
Alvina Abshire	South America	Firefox	Android	74	1.45%
Vilma Welch	South America	Internet Explorer	Ubuntu	74	1.45%
Rodrick Ondricka	South America	Edge	Ubuntu	54	1.06%
Bridget Wisozk	South America	Edge	Mac OS	3	0.06%
Amalia Schaefer	South America	Safari	Windows	71	1.39%
Jewell Ankunding	South America	Safari	Mac OS	25	0.49%
Amari Zemlak	South America	Opera	Android	61	1.19%
Carmelo Fritsch	South America	Firefox	Ubuntu	51	1.00%
Eloy Jewess	South America	Edge	Ubuntu	11	0.22%
Antarctica (11 people)	1 continent	4 browsers	5 OSes	535	10.5%
Isadore McClure	Antarctica	Firefox	Ubuntu	65	1.27%
Albertha Zieme	Antarctica	Internet Explorer	Ubuntu	6	0.12%
Mateo Reinger	Antarctica	Internet Explorer	Ubuntu	29	0.57%
Marie Bailey	Antarctica	Opera	Android	73	1.43%
Amari Wuckert	Antarctica	Internet Explorer	Mac OS	16	0.31%
Enrico Swaniawski	Antarctica	Safari	Windows	78	1.52%
Macie Bailey	Antarctica	Safari	Ubuntu	29	0.57%
Ward Mraz	Antarctica	Safari	Android	68	1.33%
Sandy Waelchi	Antarctica	Opera	iOS	94	1.84%
Makenna Lindgren	Antarctica	Internet Explorer	Ubuntu	13	0.25%
Alexzander Homenick	Antarctica	Internet Explorer	Ubuntu	64	1.25%
Europe (8 people)	1 continent	4 browsers	3 OSes	380	7.4%
Clemmie Hodkiewicz	Europe	Chrome	Mac OS	37	0.72%
Elijah Krajcik	Europe	Opera	Ubuntu	83	1.62%
Tre Labadie	Europe	Safari	Android	60	1.17%
Isaias Schmeler	Europe	Safari	Mac OS	49	0.96%
Bartholome Grant	Europe	Firefox	Mac OS	44	0.86%
Madaline Waelchi	Europe	Safari	Android	49	0.96%
Lloyd Towne	Europe	Chrome	Ubuntu	41	0.80%
Freeda Daniel	Europe	Chrome	Android	17	0.33%
TOTAL - 100 people	7 continents	6 browsers	5 OSes	5,115	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