Change just Grid css

[Aureo Androczevecz]

Hi,

Is it possible change just the grid css (e.g. change border color) but do not affect the others components?

In fact, what i need is remove the border of grid (border = 0), but using the Essential Theme Studio i didn´t find how to.

Regards,

Áureo

[Farveen Sulthana Thameeztheen Basha]

Hi Aureo, 

  

We are working on this query and we will update you the response ASAP. 

  

Regards, 

  

Farveen sulthana T 

[Farveen Sulthana Thameeztheen Basha]

Hi  Aureo, 

Thanks for contacting the syncfusion support. 

Solution 1:- If you want to change the border of the Grid, you can use the Content Border under  “Content Tab” on the left side of the Theme studio panel.  Under that Content Border you can change the border color that you required. Please refer to the below screenshot. 

 

 

 

Solution 2:- Otherwise if you need to remove the border inside of the Grid, you can use “GridLines” property in the Grid control.  By using this property you can remove the border inside of the Grid on horizontal and vertical side. Please refer to the online demo sample 

Sample Link:- http://mvc.syncfusion.com/demos/web/grid/gridlines 

Please refer to the API link about GridLines:- 

https://help.syncfusion.com/api/js/ejgrid#members:gridlines 

Solution 3:- If you are expecting  to override the outside border of the Grid , you can follow this solution. For this, you have to remove the border-style css property of the class “.e-grid” or you can set the border-style according to your requirement. Please refer to the below screenshot 

 

Please get back to us if you need further assistance. 

Regards, 

Farveen sulthana T 

[Aureo Androczevecz]

Hi, Farveen!

Thanks very much for your answer, the problem was solved.

Regards,

Áureo.

[Thavasianand Sankaranarayanan]

Hi Aureo, 

 

We are happy that the problem has been solved. 

 

Please get back to us if you need any further assistance.  

Regards, 

Thavasianand S.