Hello,
we have a use case where our actions column are hidden in grid because they are extra actions and there can be a lot of them, so we decided that we want to show them only when you hover over a row and show actions for that specific row. One of these actions is Menu where the parent is icon with vertical dots. When we hover over it shows menu items correctly, but when we hover one of the items the row loses hover and actions get hidden again even tho the popup is still open.
The problem is because the popup opens in a portal outside of root, and it is separated from the grid altogether.
Here is simple reproducible issue demo with parent dissapearing when hover over menu items: Demo of the issue
Ideally we would like the row and actions to stay open in grid on that specific row and only close when we leave row and popup.
We tried implementing openPopupOnClick prop but it was worse user experience and still issue with hover after the first time.
Thank you for your help!
I have added a custom column menu to my kendo grid. It has a dropdown list element, where users can choose an option and the grid data is filtered. This all works successfully.
I have one issue. When the user clicks on the Filter or Clear Button, the column menu does not disappear. Clicking outside the column menu does not hide the column menu.
I have to click on the column menu again to focus it, then when I click outside the column menu, it disappears.
I cannot get access to the div 'k-grid-columnmenu-popup', as this is controlled by kendo and does not appear in my column menu component.
Has anyone come up against this problem and solved it?
Follow the code
brave-leftpad-tt12no - CodeSandbox
i was testing the Column menu filter function. and noticed that for the dates specifically the dropdown menu for isEquals to does not return the date choosen even if it exist. i tried for a date after and before as well incase of time storing error like midnight but that wasn't it. However the "is Before and Equals to" and the "is After and Equals to" work for getting the equals date.
is this a known issue or a bug? can i specifically remove that option from the drop down or make it not default is so how?
Hi,
We were using kendo react grid with column menus enabled.
Column menu pops up when user clicks the icon (three dots) at the end of each column. We want the functionality of popup column menu on header click instead sorting [current default functionality].
It would be help us if you provide working example or ways to achieve it.
Thanks,
Hey,
i am using react and the program does not use Jquery. i want to achieve this:
https://stackblitz.com/edit/react-pew4cw?file=app/main.jsx
A way to clear all active filters from a single button above the grid. but while this example works with droplist. ive tried to apply it wo GridColumnMenuFilter and its CheckBox filter. such that the examples (eg, custom component or checkbox) below would have a clear button above the grid that clears filters.
https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/
i've also tried to apply the FilterBy using the clear in js but am certain i am implementing that properly. shown in image. i can make use if th eis active to style it so far.