Unfortunately, for KendoReact there is no such an option accessible for the "sortable" property of the data grid. We would really like to customize multi-column sorting fuctionality of our grids by the way that it is possible for Kendo UI for Angular, so we are requesting to add/make public option "multiSortKey" of the "sortable" property.
Currently (as visible in grid demos), touch drag scroll in mobile (responsive) mode is not working when rows selection is enabled.
There is no known workaround since the complexity of implementing custom row renderer with all the intricacies of the grid's behaviour would be a huge task.
The client's facing issue is that when using a KendoReact grid on mobile device, they can't easily scroll the grid rows data by touch drag scrolling the rows.
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/dropdowngrid.htm
As a follow on to this bug:
Steps to reproduce:
- The "General Info" column has width setted to 500px
See Image 1.png
- resize it in the grid to make wider
See Image 2.png
- lock the "General Info" column
- scroll horizontaly
I am requesting a new feature so that "that the locked prop is passed by default to the child columns"
Unfortunately, for KendoReact there is no such an option accessible for the "sortable" property of the data grid. We would really like to customize multi-column sorting fuctionality of our grids by the way that it is possible for Kendo UI for Angular, so we are requesting to add/make public option "multiSortKey" of the "sortable" property.
I think this would be a great feature to have out-of-the-box, and hopefully it's something easy to add from your end. UX-wise, it's really difficult to wrap your head around a non-alphabetized list, especially when the list is used for the special purpose of filtering -- you now have to filter down the list before you can filter the grid itself, which adds more overhead for the user.
I understand that Excel is not the end-all and be-all, but Excel also sorts it by default:
Full discussion can be found here - https://www.telerik.com/forums/how-to-make-gridcolumnmenucheckboxfilter-be-alphabetical-order
The GridHelper is defined in a separate file, and this is the way we can use it - https://www.telerik.com/kendo-react-ui/components/grid/getting-started/gridhelper/
However, I prefer if it is exported from the Grid package, and is maintained from there.
Add the ability to apply table breakpoints to the Grid for responsive behavior.
Similar to the Bootstrap tables:
https://getbootstrap.com/docs/4.4/content/tables/#breakpoint-specific
I have one column that contains mix of boolean and string values. When I attempt to apply a filter function to that column, it generates an error for the boolean value true because indexOf cannot be performed on a boolean. When I have other formats along with strings and I use filter="text", I would like the value to be converted to string in the filter function rather than modifying the data on my end before calling the filter function, because that would actually be incorrect data.
Example
https://www.telerik.com/kendo-react-ui/components/grid/filtering/
If I change
<Column field="Discontinued" width="190px" filter="boolean" />
to
<Column field="Discontinued" width="190px" />
and then search for anything in that filter it throws error.
Maybe if you make the `filter="text"` always convert the all the values to string values that would help resolve the error
It is important for my users to be able to invoke the GridColumnMenuFilter directly from the grid header. ie. The jQuery version has the filter icon beside the header text (Rather than having to click a menu and then click "Filter" - which is necessary if all I want is a filter.
I know this is possible with some CSS. But it is important that there is a visual indicator that the filter is on (which the jQuery version supports but doesn't seem currently possible with the React version)
Thanks
Hi,
I would like to have 'isnullorempty' filter for text field on Data Grid. There are 'isnull' and 'isempty' filters but it is not straightforward for non-engineer guys. If we have 'isnullorempty' filter, I think it is very useful.
Other option, is there any way to customize filter operator by myself so that we can have any filter operation?
Thank you,
Tatsuro Matsumoto.
Similar to how you can specify a column for the selection, it'd be nice if you could specify a column for the expand / collapse column so that you can provide a header value and handle a header value click change event.
The idea being that I could mass expand or collapse master detail rows similar to how I can mass select rows.
We are using Kendoreact Data Grid with server side paging, sorting and filtering.
Due to server side nature of those operations DataGrid re-renders bringing the scrollbar position to 0,0 position.
Any div scrollbar position can be saved :
const scrollEvent = (event) => {
sessionStorage.setItem("facets_scrollY",event.target.scrollTop);
}
and restored using reference an scrollTop/scrollLeft properties.
ref.current.scrollTop = <value to set>
ref.current.scrollLeft = <value to set>Please provide this standard feature to be available on Kendo Data grid as well.
Thank you
Hello,
I am looking to start using the Kendo React grid control, but I need the grid to be responsive to support viewing on a phone. I noticed that your Angular grid has this functionality, but it is missing from your React grid.
I would like to have rows turn into individual cards when viewed on a phone. The closest thing I see in the react documentation involves hiding columns, which is undesirable. Is there a way to add this behavior to the React grid? If not, when will that be implemented?
Thank you,
Alex
