Alarms Table HeadContainer color not updating

Hi,
I had followed below topic for updating Alarm status table headcontainer color.

Summary

{
"custom": {},
"params": {},
"props": {
"defaultSize": {
"height": 688,
"width": 1720
}
},
"root": {
"children": [
{
"children": [
{
"meta": {
"domId": "alarmTable",
"name": "AlarmStatusTable"
},
"props": {
"columns": {
"active": {
"activeTime": {
"width": 50
},
"displayPath": {
"enabled": false
},
"name": {
"width": 400
},
"priority": {
"enabled": false,
"width": 30
},
"source": {
"enabled": false
},
"state": {
"enabled": false
}
}
},
"columnsAssociated": {
"active": [
{
"enabled": true,
"field": "activeTime",
"order": 0,
"sort": "descending",
"strictWidth": false,
"width": 100
},
{
"enabled": true,
"field": "name",
"order": 0,
"sort": "none",
"strictWidth": false,
"width": 600
},
{
"enabled": true,
"field": "Priority",
"order": 0,
"sort": "none",
"strictWidth": false,
"width": 100
}
]
},
"dateFormat": "YYYY-MM-DD HH:mm:ss",
"dragOrderable": false,
"enableDetails": false,
"enableShelve": false,
"enableUnshelve": false,
"filters": {
"active": {
"states": {
"clearUnacked": false
}
}
},
"rowStyles": {
"activeUnacked": {
"base": {
"fontWeight": "bold"
}
}
},
"selection": {
"active": {
"mode": "single"
},
"shelved": {
"mode": "single"
}
},
"toolbar": {
"enabled": false
}
},
"type": "ia.display.alarmstatustable"
},
{
"meta": {
"name": "AlarmJournalTable"
},
"position": {
"tabIndex": 1
},
"type": "ia.display.alarmjournaltable"
}
],
"meta": {
"name": "TabContainer"
},
"position": {
"basis": "633px",
"grow": 1
},
"props": {
"contentStyle": {
"classes": "Service/BackgroundColor"
},
"style": {
"classes": "Service/BackgroundColor"
},
"tabSize": {
"width": 150
},
"tabStyle": {
"active": {
"backgroundColor": "#32576F",
"borderStyle": "solid",
"borderWidth": "1px",
"color": "white",
"fontSize": "20px"
},
"inactive": {
"borderColor": "white",
"borderStyle": "solid",
"borderWidth": "1px",
"color": "#AAAAAA"
}
},
"tabs": [
"Active Alarms",
"Alarms History"
]
},
"type": "ia.container.tab"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"classes": "Service/BackgroundColor"
}
},
"type": "ia.container.flex"
}
}

and in stylesheet written.

#alarmTable .ia_table_headContainer{
	background-color:red;
}

However background color of headcontainer did not change.

Thanks in advance

Hi,
i think you're missing an underscore.

try

#alarmTable .ia_table__headContainer{
  background-color:black;
}

make sure like explained in the topic that you set the domId of your alarm object to alarmTable
image

regards

1 Like

I miss the underscore.

Thanks