Render cell as a color

[Fausto]

Hi, 

I need to render a cell in a Grid as a color, as shown in attached file (column 'Cor'), replacing the hex values with it's corresponding color.

Thanks in advance.

Regards,

Fausto

Attachment: Doctors_b4f83e48.rar

[Jeevakanth Palaniappan]

Hi Fausto, 

Greetings from Syncfusion support. 

We have validated your query and found that you need to apply color to cells based on the data’s in the grid. We suggest you to achieve your requirement by using the QueryCellInfo event of the grid and refer the corresponding color in the styles. Please refer the below documentation for your reference. 

https://blazor.syncfusion.com/documentation/datagrid/cell/#customize-cell-styles  

Other Documentation regarding customization of grid styles 

https://blazor.syncfusion.com/documentation/datagrid/how-to/customize-column-styles/  

https://blazor.syncfusion.com/documentation/datagrid/how-to/grid-styling/  

Please get back to us if you have any other queries. 

Regards, 

Jeevakanth SP. 

[Fausto]

Hi, 

In the documentation, css is applied to a certain condition; in my case, the color comes directly from a database table:

                            <GridColumn Field = @ nameof (InfoMedicos.DoctorColor) HeaderText = "Cor"

                                        Width = "220"> </GridColumn>

What I want to do is show the color in the column, replacing it's value with a corresponding color. 

Makes sense?

Regards, 

Fausto

[Jeevakanth Palaniappan]

Hi Fausto, 

We suggest you to achieve your scenario by using the column template feature of the grid. Please find the below code snippet and the sample for your reference. 

        <GridColumn HeaderText="Employee Image" TextAlign="TextAlign.Center" Width="120"> 

            <Template> 

                @{ 

                    var employee = (context as EmployeeData); 

                    <div style="color:@employee.Color"> 

                        @employee.Color 

                    </div> 

                } 

            </Template> 

        </GridColumn> 

Documentation - https://blazor.syncfusion.com/documentation/datagrid/columns/#column-template  

Sample - https://www.syncfusion.com/downloads/support/directtrac/general/ze/BlazorAppSampleE-953750818653078781  

Please get back to us if you need further assistance. 

Regards, 

Jeevakanth SP.