Dynamically add columns of image type to GridColumnProps column collection

Hello, Mukesh,

Is it possible to provide a code to see how this collection is created and how it looks as a structure?

This will allow us to provide more to the point suggestion for the current use case.

Regards,
Stefan
Progress Telerik

I have following collection of columns

 

const columns: GridColumnProps[] = [
{ "field": "category", "title": "Category" },
{ "field": "name", "title": "Name" },
{ "field": "height", "title": "Height", "filter": "numeric" },
{ "field": "width", "title": "Width", "filter": "numeric" },
{ "field": "depth", "title": "Depth", "filter": "numeric" }
];

 

i want to add image columns dynamically based on props value.

 

Is that possible to achive that??

Hello, Mukesh,

Thank you for the code.

The column can be added to the collection by pushing a new item inside the array based on the prop.

This can by done before the component mounts or during a custom event, but the the column has to be inside the state, so the app re-renders once the new column is added:

https://stackblitz.com/edit/react-mgnydp-87bkla?file=app/main.jsx

Regards,
Stefan
Progress Telerik