DataGrid Hidden Columns

Toggle DataGrid column visibility without rebuilding column definitions or losing state.

Columns

Column example

Hidden Columns

Toggle column visibility using the checkboxes below

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.