data grid2 background color change in scss

0
i’m having trouble changing the background color for one of my data grid 2. typically for other elements i’ll put the following in my scss doc:     .table {      background-color: rgba(120, 179, 202, 0.116) !important;   }   and add the class under appearance > common > class  but for some reason it isn’t working with this datagrid2, does anyone have any suggestions?  
asked
5 answers
4

Hi Corina,

the code which you had written

take an example class name data2

//this will change the background color for heading

data2.table .th {

background-color:pink;

}

//this will change the background color for rows and coloums

data2.table .table-content {

background-color:pink;

}

 

this will work.

answered
0

Hi,

DataGrid 2 only uses DIV elements with classes. Check the actual dom structure to find e.g.

div.table

div.table-content

div.tr

div.td

regards, Fabian

answered
0

Hi Corina, 

 

You can also try to add CSS code in the Style section which is in the properties panel of Data Grid 2 > Appearance > Common > Style: 

 

background-color: rgba(120, 179, 202, 0.116) !important;

 

Following screenshot might help you. 

 

 

I believe this will work for you. 

 

Regards, 

 

Ashish

answered
0

You can try this
open data table and put a class name in appearance tab for example custom-background
in ur main css put
.custom-background {
    background-color:gray;
 }

answered
0

thank you everyone for the help!

answered