Hi.

I notice that when I put value in the filter input and then remove it the operator is deleted also. Is there any way to prevent that?

video attached.

Thanks

Hi.

I'm trying to do a custom GridToolbar that will serve many data grids but it won't render, what is the problem and how I can do it?

stackblitz example

Thanks.

Hi,

I have a virtual scrolling in my grid, it's unknow total data because it depend which user is connected and if there is filter applied, so I just set total to 10000 , because I didn't find any solution to change the total depending on data loading.

So first issue is :

Is it possible to have virtual scrolling without knowing the total data length?

Another problem that I'm struggling with is virtual scrolling with Filtering, after applying a filter on the data I have empty rows in my grid (because now the data length is less than 10000- the total data decaled before).

So the big question is : Is that possible to have virtual scrolling with Filtering and unknow total data length?

I'm adding my code, if this is not possible so what you recommend me to do?

Thank you

Hey there,

I've been having a tough time getting infinite scrolling to work with sorting and filtering. Because the infinite scrolling splices out of the array of data, I've set up an "original data" state to hold all of the unmutated data. However, this is not working well because the scroll location when you unfilter the data is causing more items to be loaded. I'm sure I'm dealing with a bug on my end, but is there any example of infinite scrolling with sorting and filtering? With a simplified example, I might be able to see what I'm doing wrong on my end.

Thank you!
Janki

Hello, I would like to create my own icon component that includes a tooltip. I created a small sample project on stackblitz for this. Unfortunately, the icon and the tooltip don't work quite right in the example project, but that's not important for my question.

My goal would be for the two icon components to be displayed in a line next to each other by default. 

After executing, if I assign the style attribute <div style="display: inline-block"> to the div that wraps the span, it works the way I want it to. 

I'm assuming the tooltip behind the scenes creates this construct, which I can't directly access in the code via the <tooltip> tag. Is there a way to find out which CSS class one would need to access to enable the desired behavior.

I would be very happy about a solution proposal. Thanks in advance.

Hello,

I am facing an issue with the Scheduler. When I add a new event in the Scheduler , the resulting event is not displayed properly. For example, if I create a new event between 9:00 AM and 10:00 AM , it will be displayed on my scheduler between 8:30 AM and 9:30 AM. Then , if i click on the event, change view or reload the page , it will display properly between 9:00 AM and 10:00 AM.

I have noticed that the "display gap" is linked to the slotDuration of the view. I have tried to change the slotDuration from 30 min  to 15 min and then the "display gap" was 15 min.

Note that the "display gap" does not appear if i use the default date value when i create an event with 30 min duration for the event. But if i add programmatically a logic like endDate= startDate + 1 hour , then the display gap appears. 

What can i do to solve my problem ?

Dev Stack:

- NextJS : 12.0.10

- Kendo-React-Scheduler : 4.12.0

Here is a gif that show the wrong display at first and then when i click on it , it goes back to proper display  :

Thank you in advance.

I am trying to highlight the text in a combobox so that I can highlight the text when a user clicks in the combo box.

Here is a sample of what I am trying to do:

This works on the Input Control but not on the ComboBox.  Is there a way to select the current text when as user clicks on the control?

Are there any React code samples for displaying a grid drop down editor but with multiple columns?

Thanks