Customize grid lines

Hi.

How to customize thickness and color of grid lines for setting GridLines="GridLine.Both" ?

Thank you.


1 Reply

PS Prathap Senthil Syncfusion Team January 18, 2023 09:46 AM UTC

Hi Paulo,

Thank you for reaching out to us regarding customizing the thickness and color of grid lines when using "GridLines = GridLine.Both". We have a solution for you, you can use the following CSS to change the color of the grid lines. Please refer to the attached code snippet and sample for your reference.

Table

Description automatically generated

<
style>

    .e-grid .e-gridheader, .e-grid .e-headercell, .e-grid .e-rowcell, .e-grid {

        border-color: orange;

        border-style:solid;

        border-width:2px !important;

    }

 

 

</style>


Regards,
Prathap S


Attachment: DataGridLine_d77933fd.zip

Loader.
Up arrow icon