Looking forward to your reply, thanks in advance！

R22hph (forked) - StackBlitz

Hi All,

In our project, we need to use a component such as the checkbox filter in the Grid alone to implement business functions. Can the one marked in the red box be used alone as an independent component? Thank you.

If it cannot be used alone, which component do you recommend to use to achieve similar functions, thank you very much

Hello,

I'm having trouble with KendoReact Grid data. The data is in a complex JSON format, and I'm not sure how to properly display it on the grid. The JSON data changes dynamically, so I can't predetermine its structure for the return for this format.

 <GridColumn field="ProductID" title="ID" width="40px" />
 <GridColumn field="ProductName" title="Name" width="250px" />
 <GridColumn field="Category.CategoryName" title="CategoryName" />
 <GridColumn field="UnitPrice" title="Price" />
 <GridColumn field="UnitsInStock" title="In stock" />

I'm using the Map function to dynamically show the data, but it's leading to multiple instances of data being displayed as [object, object]

Can you offer some guidance on how to address this problem?

this is my code link.

https://stackblitz.com/edit/react-v7tmhx?file=app%2Fproducts.json,app%2Fmain.jsx

I was looking at this page https://www.telerik.com/kendo-react-ui/components/grid/selection/ with the intention of using 

getSelectedState

But I was getting this error when I tried to implement:

"@progress/kendo-react-grid"' has no exported member 'getSelectedState'

I eventually found a github page where someone said that "getSelectedState" is available with the version - 4.6.0" but I am using a previous version.
The changelog does not mention anything specific for "getSelectedState".

Is there anyway to found out which version has the component functionality? If I hadn't found the github page I would not know which version has "getSelectedState". 

unstable selection of embedded tables. If I open row, it jumps to the table, but If I go back, I can't return to the table inside the cell.

demo: Vsj5kn (forked) - StackBlitz, You can open it in a new window and use the tab stop operation.

The order of my operations is: Tab, down arrow, down arrow, Enter, down arrow, down arrow, down arrow,  Shift+Tab, Tab

or Tab, down arrow, down arrow, Enter, down arrow, down arrow, down arrow,  Shift+Tab,  up arrow, up arrow,  down arrow, down arrow, Tab.

Only for the first time, can reach the position of the red circle through the tab stop, and go back, cannot enter it again.

Thanks a lot for an each help.

Regards,
Sunny Hu

when jumping in the title of the table, selection goes under fixed columns and becomes invisible, it scrolls the table to the right after few more jumps.

The demo below is to simulate our business scenario

3oqybd (forked) - StackBlitz (code)

react-t4bmp9.stackblitz.io (Open the page verification tab stops)

As you can see in the picture above, the first and last columns are locked, because the grid's scroll bar is for the entire table instead of the unlocked column.
So when using the tab key to select the fourth and fifth columns, since the width of the Grid has not yet been exceeded, the scroll bar does not scroll, resulting in the selection of the fourth and fifth steps being invisible under the locked column

The scroll bar only scrolls when the tab key reaches the sixth step.

How could I solve this problem? please let me know if you have any questions?

can you please provide an example of kendo react selection grid along with pagination, filtering enabled ?