The jquery grid has the aria-label and title populated with the column name. I think it'd be even more useful if the label said "Filter by {columnName}".
The current implementation of the Native Vue Grid doesn't provide an option to control the visibility of the column menu in each component column.
Providing a property that can control the visibility of the different column menus will be very useful in scenarios when we want to create a customized column menu that contains a component with a popup. With the current implementation of the component, if we for example add a DatePicker to the column menu, the opening of the DatePicker's calendar triggers the closing of the column menu. Having a prop that controls the visibility of the column menu we can easily handle the described scenario.
Description:
We would like to request the addition of multi-cell selection functionality to the Kendo Grid for Vue, similar to what is available in the Kendo Grid jQuery version.
Current Situation: The Kendo Grid for Vue currently supports:
Row selection via the selectedField prop with checkboxes
Single row highlighting
Cell navigation via the navigatable prop
However, it lacks the ability to select multiple individual cells or cell ranges, which is a feature available in the jQuery version of Kendo Grid.
Requested Feature: Add multi-cell selection capabilities to the Kendo Grid for Vue, including:
Selection Modes:
- Single cell selection
- Multiple cell selection (Ctrl+Click)
- Range selection (click and drag, or Shift+Click)
- Column selection
- Row selection (already exists)
API/Props:
selectable prop with values like:
-"cell" - single cell selection
- "multiple, cell" - multiple cell selection
- "cell, row" - combined cell and row selection
selectedCells prop to track selected cell coordinates
onCellSelectionChange event handler
Functionality:
- Visual feedback for selected cells (highlight/styling)
- Keyboard navigation support (arrow keys, Shift+arrows for range selection)
Use Cases:
- Data analysis and comparison across multiple cells
- Batch operations on selected cells
Introduce filter buttons highlight to visualize which column has a filter applied.
The feature is available in KendoReact:
https://www.telerik.com/kendo-react-ui/components/grid/filtering/advanced-filtering#filtering-data-grid-through-column-menu-filter
Currently, if the scrolling is disabled, the resizing of the columns is also not possible.
Introducing auto-sizing mechanism for the Grid column should resolve this situation:
https://www.ag-grid.com/javascript-data-grid/column-sizing/#auto-size-columns-to-fit-grid
Add a numeric indicator for the sorted columns shown when multiple columns are sorted to indicate which order the columns are being sorted in.
This feature is already available in the angular Grid:
https://www.telerik.com/kendo-angular-ui/components/grid/sorting/multi-sort
Introduce an option to setup locked columns with grouping in Kendo UI for Vue Grid.
The feature is already available in the React Grid:
It would be beneficial if the Kendo UI for Vue ColumnMenu had an option to display the visible columns as it is in Kendo UI for Jquery, instead of creating a custom columnMenu:
The current implementation of the Native Grid doesn't support the row reordering functionality when the Grid is configured to work in virtualization mode.
Please provide the row reordering functionality in a scenario with virtual scrolling.
In the current implementation of the GridColumnMenuCheckboxFilter component when its searchBox prop is set to true, the input that appears filters the component's values using the "startwith" filter operator.
Providing a property that can define the filter operator of the searchBox inside the GridColumnMenuCheckboxFilter will be a very useful feature.
The current implementation of the Native Grid doesn't provide the option to access its messages and use them in custom scenarios like Column Menu templates.
Providing the option to take the components' messages would be a nice to have feature.
There are multiple smaller Kendo UI for Vue Native components used inside the Native Grid. In some scenarios, the fine-tuning of the smaller components is essential for the usage of the Grid.
For example, the current implementation of the Grid doesn't provide an option to configure the formatting of the NumericTextBox displayed in the filter of its column menu. Now, to achieve the described functionality we have to use a custom column menu template.
Please add an option to control the configuration of the Native components used internally by the Grid.
Providing an Excel-like behavior inside the Native Grid will be a very nice feature for the component. The described behavior includes:
- Cells and rows selection like in Excel
- Editing like in Excel
- Keyboard navigation like in Excel
Currently, when we use a custom cell template, the rowIndex is not available inside the properties object when a specific row is in edit mode.
If the visualized dataItem is not in edit mode the rowIndex is available in the dataIndex prop but this property disappears when the dataItem enters in edit mode.
Please make the dataIndex prop available no matter if a dataItem is in edit mode or not.
If the Grid is initialized with no items, the first call to resetTableWidth as part of the initialization sets the width style on the k-grid-table to 0px.
If any items are added afterwards this style remains, even though the autogenerated columns have a greater width. This leads to the grid not being visible until its size is set manually.
Sample (Grid demo with column definitions removed and changed load the data after mount instead of after creation): https://codesandbox.io/s/late-hill-rkdhc5?file=/src/Grid.vue
Add groupHeaderColumnTemplate, as in Kendo jQuery Grid and Kendo Vue Wrapper Grid, that can be applied as it is done in this demo https://demos.telerik.com/kendo-ui/grid/aggregates.