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 to explicitly control the left-to-right rendering order of overlapping events — for example, by using a custom field such as isPrivate or by following the data source order.
Hey!
When using the GridColumnMenuCheckboxFilter with large datasets (e.g. 100k+ items), the component performs poorly and can even crash the browser due to the lack of memoization and unnecessary recomputation.
There are two main optimizations that could drastically improve performance:
1. Simplify the data before passing it to the filter
Instead of sending the entire Grid dataset to the GridColumnMenuCheckboxFilter, it’s better to extract and send only the distinct values relevant to that specific column. This significantly reduces render time both for the menu and the grid.
2. Memoize the computation internally
If simplifying data externally isn't possible, the component should at least memoize the list of unique values it derives from the data. Right now, it recomputes this on every render, which is inefficient.
Example: https://stackblitz.com/edit/de8qtiht?file=src%2Fmain.vue
The example provides two ColumnMenu implementations:
• The default (unoptimized)
• A custom, memoized version with basic optimizations (memo + uniquify)
You can switch between them in main.vue to observe the performance difference.
Expected behavior:
The default GridColumnMenuCheckboxFilter should:
• Either memoize its internal computation (option 2),
• Or documentation should clearly recommend preprocessing the data before passing it in (option 1).
This change would vastly improve UX for users working with large datasets.
When enabling the columnMenu feature in the Grid component, it is also applied to special columns such as the group indicator column or the expand/collapse column. These columns are not user-defined and should not include the column menu.
This leads to a confusing UX where users can click the column menu icon on non-data columns, which serve internal purposes only.
Example: https://stackblitz.com/edit/uj5myrrw?file=src%2Fmain.vue
Expected behavior: Only user-defined data columns should render the column menu icon. Internal columns (like group indicators or row expanders) should not display it.
We have a requirement for the Grid to support sticky rows when virtual scrolling is enabled. I know it is documented as a known limitation on https://www.telerik.com/kendo-vue-ui/components/grid/rows#known-limitations but we would like to request the grid add this feature. We would also like to request this feature using grouped data, as I see it also is not supported in this scenario.
One specific scenario is we have 2 groups and both groupings are sticky. The first group would have a few rows of data, while the second group has hundred or thousands of rows. We would like to allow for row virtualization on the second group while keeping the first group sticky at the top. Below is an example screenshot where we have the first "Benchmark" group having one row, the second "Investments" group having a sticky "Total" row at the top, and then rows of data that can be rendered with row virtualization to paginate.
Provide support for custom edit items like in KendoReact. This will allow the customization of the removeDialog and the occurrenceDialog, and much more.
https://www.telerik.com/kendo-react-ui/components/scheduler/customization/items/edit-item
How to add grid footer (one row with one cell for all columns). When I try to use grid cell footer template I can't pass colspan to it (to normal cell I can). When I build template for normal cell it replace whole <td> section. When I do it same for cell footer the template content is placed inside predefined <td> - I can't replace it by my code like in normal cell.
Can You add grid footer for all colums or fix footer cell template to work like regular cell template?
Describe the bug
After inserting an image using the "Insert Image" tool it is possible to add a hyperlink to it using the "Insert Hyperlink" tool.
If the image's dimensions are then edited by selecting the image and using the "Insert Image" tool, the hyperlink that was added no longer exists.
Before:
After:
To Reproduce
- Open https://codesandbox.io/s/elegant-parm-l7w93g
- Right click the image in the editor, you should see the option to open the link.
- Select the image
- Open the "Insert Image" tool
- Change the width or height to another value (e.g. width -> 200px)
- Click the insert button within the tool
- Right click the image in the editor, you should see the option to open the link is no longer there.
Expected behaviour
The image should retain any hyperlinks that have been added even if it is resized.
Describe the bug
The following warning appears when using the InsertTable tool of the Native Editor:
[Vue warn]: Component emitted event "tableinsert" but it is neither declared in the emits option nor as an "onTableinsert" prop
NOTE: The warning won't appear when the project is built for production but, still this issue should be fixed
To Reproduce
- Open this StackBlitz example
- Insert a random table using the InsertTable tool
- Check the browser's console
Expected behavior
No warnings should appear when using the InsertTable tool
Screenshots
When starting he component, to load the initial value, the Api returns the id selected as a string ("2") and DropDownList does not display the selected option. Changing the value to an integer (2) displays it correctly.
This issues requires changing the values before padding them to component, but I would that the component parse automatically the comparision, or allow us handle the strict comparision