← DataGrid API

Component · v2.7.0

NgbDatagridColumnChooserToolComponent

NgbDatagridColumnChooserToolComponent component exported by the ngbootstrap package API.

Import

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

Selector:ngb-datagrid-column-chooser-tool

Declaration

class NgbDatagridColumnChooserToolComponent implements OnChanges, OnInit, OnDestroy, NgbDatagridToolHost

Inputs

grid

grid?: Datagrid<any>

label

label: string

Default:'Columns'

Properties

open

open: boolean

Default:false

searchTerm

searchTerm: string

Default:''

draftVisibility

draftVisibility: Record<string, boolean>

Default:{}

activeGrid

get activeGrid(): Datagrid<any>

chooserColumns

get chooserColumns(): _angular_bootstrap_ngbootstrap.ColumnDef<any>[]

filteredColumns

get filteredColumns(): _angular_bootstrap_ngbootstrap.ColumnDef<any>[]

selectedCount

get selectedCount(): number

allVisible

get allVisible(): boolean

partiallyVisible

get partiallyVisible(): boolean

Methods

bindHostGrid

bindHostGrid(grid: Datagrid<any>): void

togglePanel

togglePanel(event: MouseEvent): void

toggleColumn

toggleColumn(field: string): void

toggleAll

toggleAll(): void

apply

apply(): void

resetDraft

resetDraft(mark?: boolean): void

closeOnOutsideClick

closeOnOutsideClick(event: MouseEvent): void

Referenced types

Source: src/datagrid/src/layout-toolbar/datagrid-column-chooser-tool.component.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.