Rank 1
Iron
Hi team,
I'm using React Grid, and I wanted to know if I can add a dropdown list to certain columns header of the grid. Refer to the below example:
Here, the last 4 fields (Supp., Lead Plan, Alt Plan, LPG) have a dropdown list that can have Yes/No or some other values. If we select any value from this dropdown, all the rows only for that column will be auto-populated with the selected value. Is there a way to achieve this?
Thanks
2 Answers, 1 is accepted
Rank 5
Bronze
Bronze
Bronze
Hi.
I already had the same question a while ago... Maybe this helps you further...
https://stackblitz.com/edit/react-4x2htv-mumnp7?file=app%2Fmain.jsx
Greetings,
Bernd
Hello Jatin,
If I understand correctly, you want to use the DropDownList components in the header for changing the value of for all data items to the selected value for that field. If that`s the case, you can either use the filterCell or headerCell of the columns to define custom content (in your case with DropDownList). Then, within the onChange event of the DropDownList you can manually change the values of all data items for the column`s field to the new value.
- https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-filtercell
- https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/#toc-headercell
Let us know if further assistance is needed.
Regards,
Konstantin Dikov
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
Iron