Add Background Color to Few Columns of A Straight Table

palahyd — Mon, 19 Dec 2022 21:43:36 GMT

Hi Folks,

I am new to QlikSense development and would need your help and guidance in getting a formatting requirement achieved on a straight table in the Dashboard. I have a few columns, the headers for which needs to be colored differently (see attachment).

I am using the below CSS code to get the headers colors, but when I scroll to the right (since the columns are pretty wider), the colors are getting moved dynamically based on the number of columns moved. Is there a way to keep it static ?

.qv-object-content-container .qv-object-content table th:nth-of-type(2) {
background-color: #e5d094;}
.qv-object-content-container .qv-object-content table th:nth-of-type(3) {
background-color: #e5d094;}
.qv-object-content-container .qv-object-content table th:nth-of-type(4) {
background-color: #e5d094;}
.qv-object-content-container .qv-object-content table th:nth-of-type(5) {
background-color: #e5d094;}
.qv-object-content-container .qv-object-content table th:nth-of-type(6) {
background-color: #e5d094;}
.qv-object-content-container .qv-object-content table th:nth-of-type(7) {
background-color: #ddff99;}
.qv-object-content-container .qv-object-content table th:nth-of-type(8) {
background-color: #ddff99;}
.qv-object-content-container .qv-object-content table th:nth-of-type(9) {
background-color: #ddff99;}
.qv-object-content-container .qv-object-content table th:nth-of-type(10) {
background-color: #ddff99;}
.qv-object-content-container .qv-object-content table th:nth-of-type(11) {
background-color: #ddff99;}

topic Add Background Color to Few Columns of A Straight Table in App Development

Add Background Color to Few Columns of A Straight Table