Qlik Community

New to Qlik Sense

Discussion board where members can get started with Qlik Sense.

ahmedmakki
New 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
New Contributor II

Re: Straight Table Style in Qlik Sense

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

4 Replies
ahmedmakki
New Contributor II

Re: Straight Table Style in Qlik Sense

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
Contributor

Re: Straight Table Style in Qlik Sense

can try this extention

Qlik Branch

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
ajaykakkar93
Contributor

Re: Straight Table Style in Qlik Sense

Updated extension object for new versions

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

Regards & Thanks,
Ajay Kakkar
ajaykakkar93@gmail.com
yakir_manor
New Contributor III

Re: Straight Table Style in Qlik Sense

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;

}