Documentation

Report Edit

Grouping

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

NameContinentBrowserOSVisitsVisits Share
<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