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.
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.
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:
As in the JQuery Version, the Column Menu with selection for filter and making columns viewable, is something that makes this table solution unique. https://demos.telerik.com/kendo-ui/grid/column-menu For the solution, putting the column Definition into the state object is an Option.
currently in the React Dialog, you cannot have a Dialog with a Title but without a Close (X) button visible... Whereas in the KendoUI Dialog for jQuery, you can with the 'closable' configuration property... this should also be dynamic to hide/show/enable/disable the close (X) button while the Dialog is visible (ie. when an operation is pending, disable the close button or hide it)
The Dropdown section of the components index is described as "The DropDowns allow users to select single or multiple predefined and custom values." I didn't find a way to select multiple values on any of the components (AutoComplete, DropDown, ComboBox)
Currently there is no way to pass custom rendering component into header template (in jQuery version there was headerTemplate). For example, you are exposing headerSelection prop, but what if I want to render fancy Material UI checkbox there. Currently I do not have ability to do that with native react flow.
When the grid is being initiated, the columns passed into the grid as children will be filtered by "child.type === GridColumn" to check whether it is indeed a GridColumn. With React Hot Loader, each React element will be modified to be a ProxyFacade, and the Grid will not recognize its children anymore.
Hi, when entering https://www.telerik.com/kendo-react-ui/getting-started form npmjs.com, I end up on a page with "Try Kendo UI for React" heading, but whole header comes from Kendo UI for Angular project
Please add a possibility to customize Kendo UI Grid for React pager text like "Page ... of ...." or "... of items" or to pass own strings.
Please, add a possibility to integrate inline edit in Kendo UI Grid for React (@progress/kendo-react-grid, 0.3.0) with ReduxForm (https://github.com/erikras/redux-form) and/or FinalForm (https://github.com/final-form/react-final-form) which will make easier work on validating data and more uniform code style for form validation (as packages mentioned above are the de facto standard in working with forms in React-Redux applications).