Compact Density

Use compact DataGrid density for high-information screens and dense operations tables.

Visual Design

Tighter rows via tableOptions.density = "compact" with the same sorting, filtering, and styling behavior as comfortable density.

Compact density

Set tableOptions.density to 'compact' to reduce vertical padding. All other grid features on this screen match comfortable density.

Loading interactive DataGrid example…

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.