When using DateTime's in column using Grid there should really be a way to use MomentJS to convert the value in the column. In jQuery it was a simple case of template: "#:moment().format('dd/MM/yyyy')#". Can we please have this ported over.
in 0.3.0 release I was able to describe a column by percentages. i.e. <Column field="certification" title="Certification" width="40%" /> This no longer works in the 1.0.1 release
Although Kendo React UI supports virtualization for grids with many rows, supporting virtualization for wide rows with hundreds of columns would increase rendering performance. https://www.telerik.com/account/support-tickets/view-ticket?threadid=1343205
Multi-selecting rows using the mouse selection doesn't work for React Kendo Grid.
With the kendo grid wrapper for React we were able to multi-select rows using the mouse selection in the grid bounds.
As in the JQuery version, it would be good to have the option of showing the total of a column's values without having to use grouping aggregates. For example i have 10 products with their prices and i would like to see their total cost in a row below the column, without having to use grouping which adds more elements to the Grid.
Like in the jQuery counterpart, when I click on a cell to edit the value - I should be able to tab over to the next cell to edit it.
It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.
A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.
My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.
Thanks for considering this feature.
I discovered a lack of parity between the React and Angular implementations of the TabStrip/TabStripTab components. Specifically, in the React version the "title" prop determines the contents inside the resulting <k-link> CSS class, whereas the Angular version allows you to set a template, for more complex tab header components.
This became an issue for me, because we have overridden the CSS for a custom progress tracker component built on the tab strip in an Angular implementation. I am now tasked with replicating the component in React, but had to resort to my own TabStrip/TabStripTab classes, instead of being able to use your components. (My goal is to be able to use the existing CSS, maintained by our UX team, out of the box.)
Hope that made sense. Feel free to contact me if it's not clear what I'm asking for, or if there is already a solution to this. Thanks!
In this way,the date will be sorting with Month, How can I sorting start with year instead of month
The KendoReact Tooltip component only displays tooltips on hover (the showTooltip method is called on the onMouseOver and onMouseLeave events). It would be ideal if the showTooltip method was also called on the onFocus event as well, making the user experience the same for keyboard-only users.
Most other UI libraries treat hover/focus the same for consistency and accessibility.
Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
We are evaluating the React Grid component for our application and need to be able to have rows that span all columns. To do this, I have created a rowRender function that, for some rows, will render a single <td> element with the colspan set to 100%. The row renders fine, but the other rows, that have multiple <td> elements do not all render correctly. For my test application, they will render with a width of 8 pxs. On resize of a column, they will almost render correctly.
Here are some pictures of the issue in our test code.
I have created a sandbox that sort of reproduces the bug. https://codesandbox.io/s/w73v0x0mz8
If you select the "Show Full Row", the row with Id 999 will convert to a single <td> element with colspan='100%'. You will notice how after doing so, the last three columns collapse to a small number of pixels.