How to implement the dynamic grid

Hello, Tisson,

Regarding both questions:

1) Dynamic columns - This can be done by passing a dynamic JSON columns collection to the Grid. When the columns collection is changed, the Grid will re-rendered. A similar approach can be seen in this demo:

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/#custom-components

2) And also please let me know how can we add a dropdown which will show the data types of that column in dynamic columnheader. ?  - Iн this case, we can suggest using the headerCellRender as it will be called for each header of the Grid and the developer can render anything in it including dropdowns. As it will be called for each header, even if they are 2 do 100, it will be automatically called for each of them:

https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#headercellrender

Regards,
Stefan
Progress Telerik

HI stefan, 

Thanks for the answer. for dynamics columns it worked. 

It will be great if you please give any example or demo code for second answer ?

Hi,

Here is how to render a DropDownList in the Grid's header cell - https://stackblitz.com/edit/react-qdv3pn?file=app/main.jsx.

Can you explain what you mean by "show the data types of that column in dynamic columnheader."?

Regards,
Nikolay
Progress Telerik