Questions on KendoReact Forum

1 answer

799 views

GridColumn values property not exists in React version of Kendo grid

I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.

In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?

Thanks a lot for an each help.

Grid

answered on 10 Aug 2022

0 answers

1 view

ECCN of Kendo React

Hi Telerik support,

We are planning to use Kendo React v5.9.0 in our System and this system will be exported.
Could you please tell me the ECCN for Kendo React?

Thank you!

General Discussions

asked on 19 May 2025

1 answer

14 views

How to style the new columnType checkbox

Hi I am using the new statemanagement with checkboxes https://www.telerik.com/kendo-react-ui/components/grid/selection/multi-row-selection#combining-selection-with-data-operations-filtering-sorting-paging-etc

I want to replace that checkbox with our own design library's checkbox and style accordingly.

There's currently no way apart from inspecting and styling the component, would you guys suggest some ways to achieve this?

Checkbox

Grid

answered on 16 May 2025

0 answers

3 views

How to reset the grid page number after filtering?

Is it possible to reset the grid page number after performing a filter? We're seeing a bug where if the initial grid load has n pages and you navigate to the nth page, but then filter so there's less than n pages, the grid becomes blank and doesn't show data again until you click on one of the page numbers again. Ideally I'd like to reset the user to the first page upon filtering.

Filter

Grid

updated question on 16 May 2025

0 answers

3 views

Performance Issue Exporting Large Excel Files with Kendo React Workbook (10K+ Rows)

Hi Kendo UI Team,
I’m currently using the Kendo React Workbook to export Excel files with around 10,000 main rows, each having multiple nested child rows. Both the main table and each child table have a large number of columns — typically between 60 and 90 columns each.

The export process itself is fast until calling toDataURL(), but the file download takes several minutes, impacting user experience.
I tried using toBlob() as suggested in some docs, but the method does not exist in the current API.
Could you please advise on the best practices or any performance optimizations for exporting large nested datasets with many columns?
Also, is there any alternative API for exporting large files efficiently?

Thanks in advance for your support!

Excel Export

Grid

updated question on 16 May 2025

1 answer

9 views

Exported image does not scale chart content to fit the specified dimensions

Hi Kendo Team,

I'm using the exportVisual and exportImage APIs to export a chart to a PNG file in my React application. I expected that setting a larger width and height in the exportImage options would result in a proportionally scaled-up chart. However, while the output image has the correct dimensions (e.g., 1920x1080), the chart content itself does not scale up — it stays small in the top-left corner and does not fill the canvas.

It seems that the exportImage function does not automatically scale the chart visual to match the specified output size.

Please let me know if this is the intended behavior or if there's a simpler way to scale the visual.

Thanks!
Dbcojf8y (forked) - StackBlitz

Charts

General Discussions

answered on 13 May 2025

1 answer

7 views

get processed data after applying filter on autoProcessData

I'm using autoProcessData=true in Grid, and I want to access the processed data after filters are applied. For example, if I start with 50 items and a filter reduces it to 10, how can I access those 10 filtered items? Is there a callback or method to get the processed data after filtering?

      <Grid
        data={addressList}
        dataItemKey={DATA_ITEM_KEY}
        className="k-grid-no-scrollbar border-none bg-transparent"
        autoProcessData={true}
        defaultSkip={0}
        defaultTake={10}
        pageable={{
          buttonCount: DEFAULT_TABLE_BUTTON_COUNT,
          pageSizes: DEFAULT_TABLE_PAGE_SIZES,
        }}
        sortable={{
          allowUnsort: true,
          mode: 'multiple',
        }}

      >

Filter

Grid

answered on 13 May 2025

1 answer

18 views

Dropdown popup issue when filtering

Hello all, when I use the dropdown in KendoReact and filter for a specific record, the filtered list appears far away from the input, which is awkward. Can anyone help me with this?

Thank you all

1. before

2. after

DropDownList

answered on 09 May 2025

1 answer

15 views

Is there a way to dictate the hierarchy for what cell override to use for the Grid vs Column cell override?

So assuming a have a Grid with a custom cell override like so:

<Grid
            {...props}
            cells={hidden? { data: HiddenCell } : cells}
            data={hidden? loadingData : data}
></Grid>

and the Grid has columns where one column has a custom cell as well

<GridColumn
            {...props}
            cells={{ data: CustomCell }}
></GridColumn>

Is there a way to set the grid so that the custom cell on the Grid overrides the custom cell on the Column?

Grid

answered on 09 May 2025

0 answers

14 views

Grid filtering with over 2000 data sets

Hi.

I have a Grid with a lot of data sets, possibly over 2000, even 10.000 or more a possible. When I add a filter to this Grid component, it is very slow to even show what I'm typing. So I would like to defer setting the filter until I stop typing and maybe even show a spinner until the filtering is done instead of just nothing happening and then suddenly showing the filtered data.

So the questions are:

- How can I defer setting the filter until I pause typing (maybe after 500 ms or so)?

- How can I show a spinner until filtering is done?

Thanks!

Greetings,

Bernd

Filter

Grid