Transfer
Bootstrap 5 Transfer plugin
Transfer component allows you to transfer the data between two columns.
Transfer plugin built with the latest Bootstrap 5. 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
Note: Currently, the plugin is only compatible with the basic MDB package imported in UMD format. More about import MDB formats.
Basic example
To create a basic example, add a main div container and initialize it via JavaScript.
Disabled items
To make certain elements unselectable, add the 'disabled: true' property to the respective item.
Checked items
By adding the property 'checked: true' to an item during initialization, you can mark the element.
One way
By adding 'oneWay: true' property 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' property.
Search
By adding 'search: true' property you can add search box to transfer component.