Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

Announcements
See why BI users voted Qlik #1 in 11 categories. GET REPORT
cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
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
Highlighted
Contributor II
Contributor II

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
Highlighted
Contributor II
Contributor II

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

Specialist
Specialist

can try this extention

Qlik Branch

Highlighted
Specialist
Specialist

Highlighted
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;

}

Highlighted
Partner
Partner

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

 

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

 

 

Highlighted
Partner
Partner

Is there the same option for Pivot Tables?

Thanks in advance
Bruno Paulo