How can I change IconCss in GridCommandColumn based on row values?

[Tomasz S.]

<GridCommandColumns>

  <GridCommandColumn ButtonOption="@(new CommandButtonOptions() { IconCss = "bi bi-1", CssClass = "e-flat" })"/>

</GridCommandColumns>

How can I change sometimes class  bi-1 to bi-2 (based on row data)?

Should I use RowDataBound somehow?

[Prathap Senthil]

Hi Tomasz,

Based on your requirement, we suggest using the column template feature possible way to achieve your goal. Kindly refer to the below code snippet and sample for your reference.

<SfGrid DataSource="@Orders" AllowSelection="true" AllowPaging="true">

    <GridSelectionSettings CheckboxOnly="true" Type="Syncfusion.Blazor.Grids.SelectionType.Multiple"></GridSelectionSettings>

    <GridColumns>

        -----------

        <GridColumn HeaderText="Command Column" Width="200">

         <Template>

                @{

                    var order = context as Order;

                    if (order != null)

                    {

                        if (order.Freight < 25)

                        {

                <SfButton Content="Pause"></SfButton>

                        }

                        else

                        {

                 <SfButton Content="Play"></SfButton>

                        }

                    }

                }

         </Template>

        </GridColumn>

    </GridColumns>

</SfGrid>

Reference: https://blazor.syncfusion.com/documentation/datagrid/column-template

Sample Link: https://blazorplayground.syncfusion.com/embed/rjBzjzjirnZhAjiL?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

Regards,
Prathap S

[Tomasz S.]

Ok. Thanks.

Template is better solution for this problem.

[Prathap Senthil]

Thanks for the update,

We are happy to hear that the provided solution was helpful. We are closing the thread now.