How can I add vertical lines to separate columns?

[Bertrand Spitz]

Hi,

I'm new in Syncfusion and with the DataGrid component.

I would like to separate the columns with vertical lines but couldn't find an example on how to do it.

Can someone give me an idea?

Thank you

[Monisha Saravanan]

Hi Bertrand,

Query: “I would like to separate the columns with vertical lines but couldn't find an example on how to do it.”

Greetings from Syncfusion support.

We would like to inform that we can set line to the DataGrid by setting GridLines property as Both. Also we have documented this topic in the below UG section. Kindly refer the attached code snippet and documentation for your reference.

<SfGrid DataSource="@Orders" GridLines="GridLine.Both" Height="315">

    <GridColumns>

        …

    </GridColumns>

</SfGrid>

 

Reference: https://blazor.syncfusion.com/documentation/datagrid/cell#datagrid-lines

Please let us know if you have any concerns.

Regards,

Monisha