@pebula/ngrid-bootstrapSelection Column

Selection Column

The selection column plugin adds a selection checkbox column using the mat-checkbox component.

To apply the plugin, simply apply the directive matCheckboxSelection following the name of the column that should be used for selection.

For example:

<pbl-ngrid bsSelectionColumn="selection" [dataSource]="ds" [columns]="columns"></pbl-ngrid>

The column selection will now render mat-checkbox and automatically connect to the selection collection of the PblDataSource.

Bulk Mode

Bulk mode defines the behavior of bulk select, there are 3 modes:

  • all - The default mode, bulk select will select the entire data source. This is also the default mode.
  • view - Bulk select will select only the rendered items, this mode requires virtual scroll enabled in auto or fixed mode. When no virtual scroll it behaves like all.
  • none - No bulk mode option, the bulk mode checkbox will not show.

Shlomi Assaf © 2020. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.

Version 5.0.0 using angular 14.2.4 and cdk 14.2.3 (hash: 25f523f)