Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
ahmedmakki
Contributor II
Contributor II

Straight Table Style in Qlik Sense

Hi,

I'm looking to add stripes styled colour to a straight table in Qlik Sense. I know there is no style out of the box (and I don't want to compare with QlikView) but to go around it I have used the following script in each dimension and measure background colour expression:

     if(Even(RowNo(total)), LightGray())

It gives me what I want from the style perspective but I lost the sorting functionality on the table. I'm not sure if it a bug or a normal behaviour when you add RowNo() to a table you lose the sorting!!

Is there a way to go around this and add striped colours to a table?

Can I access and modify the table's css file?

Thanks,

1 Solution

Accepted Solutions
ahmedmakki
Contributor II
Contributor II
Author

Update the table CSS file..

C:\Program Files\Qlik\Sense\Client\assets\client\client.css

line 12180

.qv-object-content-container .qv-object-content table tr:nth-of-type(even) {

  background: transparent;

}

change the background to the colour you want..

background-color: red

View solution in original post

6 Replies
ahmedmakki
Contributor II
Contributor II
Author

Update the table CSS file..

C:\Program Files\Qlik\Sense\Client\assets\client\client.css

line 12180

.qv-object-content-container .qv-object-content table tr:nth-of-type(even) {

  background: transparent;

}

change the background to the colour you want..

background-color: red

ajaykakkar93
Specialist III
Specialist III

can try this extention

Qlik Branch

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

ajaykakkar93
Specialist III
Specialist III

Updated extension object for new versions

http://branch.qlik.com/#!/project/5a4498ea2b249b645b071e16

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

yakir_manor
Contributor III
Contributor III

add a css at the end of your html ( so it will override previous css ) with this styles:

/* qlik sense Chart Table design */

.qv-st-value-overflow {

text-align: center;

}

.qv-object-content-container .qv-object-content table {

    border: 0;

    border-spacing: 0;

    border-collapse: separate;

}

.qv-object-content-container .qv-object-content table tr:nth-of-type(odd) {

background-color: #F3F3F3;

}

.qv-object-content-container .qv-object-content table th {

    background-color: white;

}

.qv-st-data-cell-null-value {

background-color: transparent;

}

.qv-object-table .qv-object-header {

border-color: white;

}

.qv-st-header-cell-wrapper {

font-weight: bold;

}

Anonymous
Not applicable

Here the link to a Qlik Sense Theme with zebra stripes.

 

http://blog.heldendaten.net/2018/11/qlik-sense-theme-zebra-striped-tables.html

 

 

BrunoPauloSDG
Partner - Contributor
Partner - Contributor

Is there the same option for Pivot Tables?

Thanks in advance
Bruno Paulo