Premium
Multiple row selection can be enabled by setting enabled prop of the GridSelectableSettings to true and its mode prop to multiple.
The following example demonstrates multiple-row selection with enabled drag selection where the select state is handled internally by the Grid.
The checkbox selection enables selection upon a checkbox click and implements a master checkbox in the header that selects and deselects all items.
Configure the GridSelectableSettings as follows:
selectable={{
enabled: true,
drag: false,
cell: false,
mode: 'multiple'
}}Handle the GridSelectionChangeEvent and the onHeaderSelectionChange events which will be fired once the user clicks a checkbox.
Update the built-in select in the events handled above.
The following example demonstrates how to implement multiple selection both on row click and with checkboxes.
Combining Selection with Data Operations (filtering, sorting, paging, etc.)The following example demonstrates how to integrate checkbox selection with enabled grouping, filtering, sorting and paging. The main idea is to apply the selected state to the dataItems before or after processing the filter, group, and sort expressions.
Persisting Multiple Rows SelectionTo persist the selection state and restore it later, follow these steps:
selectable option.localStorage.The KendoReact Grid comes with a built-in row-reordering feature that could be easily enhanced to allow the reordering of all selected rows.
The following example demonstrates how the row reordering functionality can be combined with multi-row selection.
Suggested LinksRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4