Currently, there is a following signature of function "rowRender" passed to React Grid:

rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;

I managed to access something which I assume represents this index somehow by using "row._owner.index" although I'm not completely sure if that is always identical to the index of the row being rendered.

It would be very helpful if an index of a rendered row could be accessed as follows:

rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps, index: number) => React.ReactNode;

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.

Hi,

Not sure what the preferred way to report a problem is. I have posted it on GitHub as well:
https://github.com/telerik/kendo-react/issues/1519

Could someone help me out with this issue?

Thank you in advance.

Request to have the sliderbar have different colors. It is for user experince, knowing that the slider is going either to the sucess or fail.

Current Behaviour

When a table is created in the text editor and multiple columns are selected an error is thrown.

Errors:
TypeError: Cannot read properties of undefined (reading 'localsInner')

TypeError: Cannot read properties of undefined (reading 'eq')

Expected Behaviour

When a table is created in the text editor and multiple columns are selected an error must not appear and the user must be able to merge or split the cells.

MInimal Reproduction

I'm providing a reproduction from Kendo React code examples.
https://stackblitz.com/edit/react-su15wr?file=app%2Fmain.tsx

Package
"@progress/kendo-react-editor": "^5.11.0"

Hi,

I know pageSizes options takes a Boolean or Array of Numbers, but Is there a way add an option to pagination dropdown which lists all rows of the grid like, 'All' option?

Can we set the options of the dropdown to like '10, 50, All', where option 'All' lists all rows of the grid?

Hi, 

Please check this example

https://stackblitz.com/edit/react-bri58e?file=app%2Fmain.jsx

We wanted to break the page once its started overlapping the footer.

Hi Team,

For MenuItem target="_blank" feature is not there. Please enable the same. which will be helpful as menu is the face of app.

Regards,

Revanth

Hi,

If you use kendo-theme-bootstrap for most Kendo React inputs, it results in bootstrap styling being applied to the input e.g. https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/ or https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/. With the Bootstrap theme selected the DatePicker and Combobox have blue shadows on focus.

This is not true for the DropDrownList: https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/. The border on focus does not match Bootstrap styling.

Kind regards,

David

It would be nice to have natively some kind of copy-paste of data between excel and kendo 

more and more clients are requesting this feature but currently it is pretty difficult to implement..

being more specific the expected behavior should be:

user copying a range of cells from excel

pastes it into a grid cell 

data should spread starting from the cell where it was pasted and inserting new rows if there are not enough to contain all the content

then user should be able to copy a range of cells/rows or a single row and paste it to excel

Hi,

Can We have an admin Dashboard for KendoReact? which has some ready components Like NavBar on top and Left, Dark and Light mode, RTL, and LTR Layouts and Forms with all input Components

I Have More projects in this React MUI Admin Dashboard and now it's very hard for me to use the KendoReact Components here.

if we Have KendoReact Admin Dashboard like that it will be easy to use KendoReact components there.

Thanks

Currently the React DateRangePicker component shows its calendar popup any time either of the date text inputs are focused.

It would be nice to have more control over this behavior buy providing a prop to customize what actions open the popup.

Our use case is that currently the DateRangePicker (as of v5.11.0) cannot be used to make a 508 accessibility compliant site (reference support ticket 1597095  : which IMO is a bug, but trying to also find a workaround that we can roll out quickly) due to the way the popup breaks tab order in the browser. If keyboard users could tab into the Start/End inputs without the popup opening, then they could type in a date and tab to the next control (currently they cannot because the popup breaks tab order). A mouse user clicking into the input would be fine to see the popup. So having a prop to specify the auto-open should happen in click, not on focus, with a keyboard shortcut to open the popup if they want it (which already exists as alt+down), would be an easy workaround to get us back into 508 compliance.

I could imagine such a pop to control auto-open of the calendar popup to take one of 3 values; 'focus' (same behavior as current) 'click' (open on click, but not on keyboard focus) 'none' (no auto open. user can press alt+down to open).

The React ComboBox and Autocomplete do not support the valueRender prop, so a selected value cannot have a custom display. The DropDownList does however - they should all be consistent in this.

DropDownList reference:
React Dropdowns Library & DropDownList Component - Custom Rendering - KendoReact Docs & Demos (telerik.com)

I'm submitting a...

• Bug report

Current behavior

After the latest accessibility improvements available with R1 2023 of the KendoReact library, the aria-required attribute is missing in most of the DropDowns.

Expected behavior

The aria-required attribute should be rendered in the DOM once the MultiSelect definition contains a required attribute like this:

  <MultiSelect required data={sports} onChange={onChange} value={value} />

Minimal reproduction of the problem with instructions

1. Open this StackBlitz example
2. Inspect the MultiSelect component to see that the aria-required in not rendered