Skip to main content
Woohoo! Qlik Community has won “Best in Class Community” in the 2024 Khoros Kudos awards!
Announcements
Nov. 20th, Qlik Insider - Lakehouses: Driving the Future of Data & AI - PICK A SESSION
cancel
Showing results for 
Search instead for 
Did you mean: 
SystemError
Contributor II
Contributor II

How to make bold font of header of a specific column of simple table in qliksense via CSS?

Hello everyone! 
I'm trying to make bold font of specific columns header in simple table in QlikSense. Im using css in multi KPI :

.qv-st table th{
  font-weight: bold;
}

with this code all headers becomes bold.

How to make bold font header only of second and fourth columns?  

 

 

Labels (1)
1 Solution

Accepted Solutions
neerajthakur
Creator III
Creator III

Hi, if you want to just make table heading of just first column bold you can use this

.qv-st table th:first-child{
font-weight: bold;
}

You can replace td with tr for making specific row bold too.

.qv-st table td:nth-child(2){
font-weight: bold;

For Making column 2 and 4 bold use this

.qv-st table th:nth-child(3){
font-weight: bold;
}

.qv-st table th:nth-child(7){
font-weight: bold;
}

If you want values to be bold just replace th with td

 

Please accept it as solution if it helps.

Thanks & Regards,
Please Accepts as Solution if it solves your query.

View solution in original post

3 Replies
neerajthakur
Creator III
Creator III

Hi, if you want to just make table heading of just first column bold you can use this

.qv-st table th:first-child{
font-weight: bold;
}

You can replace td with tr for making specific row bold too.

.qv-st table td:nth-child(2){
font-weight: bold;

For Making column 2 and 4 bold use this

.qv-st table th:nth-child(3){
font-weight: bold;
}

.qv-st table th:nth-child(7){
font-weight: bold;
}

If you want values to be bold just replace th with td

 

Please accept it as solution if it helps.

Thanks & Regards,
Please Accepts as Solution if it solves your query.
SystemError
Contributor II
Contributor II
Author

Thanx for solution! 
My simple table is long, when I scroll it, another columns statrs being bold. Is it possible to fix bold font forever for 2nd and 4th columns? 

neerajthakur
Creator III
Creator III

Do you want data to be bold too, if yes do this 

.qv-st table td:nth-child(3){
font-weight: bold;
}

.qv-st table td:nth-child(7){
font-weight: bold;
}

Thanks & Regards,
Please Accepts as Solution if it solves your query.