Transfer

Angular Bootstrap 5 Transfer plugin

Transfer component allows you to transfer the data between two columns.

Transfer plugin built with the latest Bootstrap 5, Angular and Material Design. Transfer data between two columns. Supports disabled items, one way transfer, pagination, and more.

Note: Read the API tab to find all available options and advanced customization


Basic example

To create basic example just add `mdb-transfer` container


Disabled items

To make some of elements unable to select just add 'disabled: true' property to proper item.


Checked items

By adding property 'checked: true' to item during initialization you can make element mark.


One way

By adding '[oneWay]="true"' you can set your component to transfer data only to target table.


Pagination

By adding '[pagination]="true"' you can set pagination on transfer component.


Pagination with custom quantity

Furthermore, if you want to set custom number of elements per page then just use 'elementsPerPage' input.