Comfortable Density

Use comfortable DataGrid spacing for readable business tables and dashboard layouts.

Visual Design

Default row padding via tableOptions.density = "comfortable". Sorting, filter row, pagination, and row/column styling hooks are enabled.

Comfortable density

Set tableOptions.density to 'comfortable' for the default row height. Row and column styling hooks demonstrate rowClass, rowStyle, headerClass, and cellStyle.

Loading interactive DataGrid example…

© 2026 ngbootstrap

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.