← DataGrid API

Interface · v2.7.0

NgbDataGridGroupingSettings

Grouping configuration with standard/compact `displayMode`, optional `showGroupButton`, `showFooter`, `stickyHeaders`, and `stickyFooters`.

Import

import type { NgbDataGridGroupingSettings } from '@angular-bootstrap/ngbootstrap';

Declaration

Properties

displayMode

Standard preserves nested indentation; compact keeps group labels aligned.

displayMode?: 'standard' | 'compact'

showGroupButton

Show an accessible field picker in the existing grid toolbar. Default false.

showGroupButton?: boolean

showFooter

showFooter?: boolean

stickyHeaders

stickyHeaders?: boolean

stickyFooters

stickyFooters?: boolean
Source: src/datagrid/src/datagrid.types.ts in the installed @angular-bootstrap/ngbootstrap package. Angular compiler metadata and private members are omitted.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.