Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Posting on Qlik Community is temporarily paused for some users. Thank you for patience and we'll update you soon!
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