};
<Grid
}}
<Column field="Date"filter="date"format="{0:d}"/>
In this way,the date will be sorting with Month, How can I sorting start with year instead of month
Grids should have auto width and max-width property
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.
Bootstrap requires it:
https://getbootstrap.com/docs/4.1/components/tooltips/#making-tooltips-work-for-keyboard-and-assistive-technology-users
Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
https://material-ui.com/api/tooltip/#props
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.
https://drive.google.com/open?id=1bMwlUi7-7QiVHc6lubPiz45svHG1FSnS
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.
Thanks
Joe
Have a grid filter menu like the jquery and angular packages. The grid filter menu is much more compact and wastes less space than the filter row.
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.
Currently there is no way to get multi-column headers on Kendo UI's React . please make this feature like jQuery
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).
Need to add Export Excel/PDF using react component is good
I'm looking to conditionally set the background color of a row, much like this example for jQuery: https://docs.telerik.com/kendo-ui/controls/data-management/grid/how-to/Layout/style-rows-cells-based-on-data-item-values