We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Customization of gridlines


How to specify color and thickness for gridlines ?


1 Reply

BL Balamurugan Lakshmanan Syncfusion Team January 23, 2023 05:45 AM UTC

Hi Paulo P,


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 & sample output for your reference.



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

        border-color: orange;


        border-width:2px !important;




Kindly get back to us if you have further queries.  



Balamurugan L

Attachment: DataGridLine_d77933fd_28133969.zip

Live Chat Icon For mobile
Up arrow icon