Stepper in datagrid's each row for order progress showing

[LEE]

Net 8 Blazor WebApp in a Datagrid

I want to use Stepper within a field in a Datagrid to display the progress of each ordered item, and I've been playing around with it, but I can't get it to work.

The value of status queried from the DB is "Ordered, Shipped, OnDelivery, Delivered"

and I want the status of the stepper to be displayed.

1. I don't think Stepper is the best component for this, so I'm thinking of using a switch statement based on the field value in the db, but I'm not sure if this is correct.

2. also, inserting one Stepper into each row of the Datagrid indiscriminately would be a huge load on the system, so I'm not sure ifit's right.

What is the best way to implement this in the syncfusion component?

Would it be best to just do it with javascript or css?

[Indrajith Srinivasan]

Hi LEE,

Sorry for the delay in getting back to you,

We have prepared a sample as per your requirement by placing Stepper inside the column template. Here based on the field value we have shown the stepper inside the GridColumn using conditions.

Sample: https://blazorplayground.syncfusion.com/LtVzZKZpeRFDySsT

Can you please check the above-shared sample and get back to us with more details if we misunderstood your requirement so that we can check and provide a solution at our end?

Regards,

Indrajith

[LEE]

This is so so amazing, surely this kind of your working makes me to buy Syncfusion for all projects.

Though I am using free version now for learning blazor for my company system site, but surely I will use Syncfusion in my production stage of it.

Again so much thank you.

Regards,

Mr.Lee.

[Indrajith Srinivasan]

Hi LEE,

Thank you so much for your kind words! We're thrilled to hear that you're finding Syncfusion components valuable for your projects.

If you have any questions or need further assistance please don't hesitate to reach out. We're here to support you every step of the way.

Regards,

Indrajith