Hide/Show Columns

Datagrid columns are hideable with the *clrDgHideableColumn directive. Because this is a structural directive it cannot be used on the clr-dg-column component directly. Instead, you use *clrDgHideableColumn on an ng-container inside your clr-dg-column. It defaults to showing the column but you can use the hidden property to pre-configure it.

Custom Toggle Strings

If you need to customize the hide/show toggle component you can override the defaults by adding a clr-dg-column-toggle component at the beginning of the clr-dg-footer component:

User ID Name Creation date Pokemon Favorite color {{user.id}} {{user.name}} {{user.creation | date}} {{user.pokemon.name}} Kolumne Herauschauen! Alle auswählen! {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} of {{pagination.totalItems}} users