<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Qliksense - Formatting of Pivot table moving while scrolling down - CSS script in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Qliksense-Formatting-of-Pivot-table-moving-while-scrolling-down/m-p/2126562#M91681</link>
    <description>&lt;P&gt;Hello All,&lt;/P&gt;
&lt;P&gt;I have below pivot table that I wanted to highlight bold for certain rows. But&amp;nbsp; while scrolling the font format is moving down across different records. And it is not sticking to the required record.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="gayatri7_0-1696848328702.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/117880i49A71E3DBDF2FE69/image-size/large?v=v2&amp;amp;px=999" role="button" title="gayatri7_0-1696848328702.png" alt="gayatri7_0-1696848328702.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;I want to apply the bold function only to the above rows. But when I scroll down , bold function is moving down also.&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="gayatri7_1-1696848419515.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/117881iF579FE69CB2F92D5/image-size/large?v=v2&amp;amp;px=999" role="button" title="gayatri7_1-1696848419515.png" alt="gayatri7_1-1696848419515.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;Could anyone let me know, how do I fix this and stick to the required rows. Same issue is happening if I apply certain background color for specific row.&lt;/P&gt;
&lt;P&gt;I am using below css script in multiple KPI object.&lt;/P&gt;
&lt;DIV&gt;/* -- background for rows in pivot table-- */&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(odd)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; background-color:#D3D3D3;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;/* -- Bold for specific rows in pivot table-- */&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(5)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(6)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(7)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(9)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(20)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Please your help will be appreciated.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Note: Font.weight is not working in my case. So I am using the&amp;nbsp;&lt;SPAN&gt;&amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;
&lt;P&gt;Gayatri&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Mon, 09 Oct 2023 10:53:10 GMT</pubDate>
    <dc:creator>gayatri7</dc:creator>
    <dc:date>2023-10-09T10:53:10Z</dc:date>
    <item>
      <title>Qliksense - Formatting of Pivot table moving while scrolling down - CSS script</title>
      <link>https://community.qlik.com/t5/App-Development/Qliksense-Formatting-of-Pivot-table-moving-while-scrolling-down/m-p/2126562#M91681</link>
      <description>&lt;P&gt;Hello All,&lt;/P&gt;
&lt;P&gt;I have below pivot table that I wanted to highlight bold for certain rows. But&amp;nbsp; while scrolling the font format is moving down across different records. And it is not sticking to the required record.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="gayatri7_0-1696848328702.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/117880i49A71E3DBDF2FE69/image-size/large?v=v2&amp;amp;px=999" role="button" title="gayatri7_0-1696848328702.png" alt="gayatri7_0-1696848328702.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;I want to apply the bold function only to the above rows. But when I scroll down , bold function is moving down also.&lt;/P&gt;
&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="gayatri7_1-1696848419515.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/117881iF579FE69CB2F92D5/image-size/large?v=v2&amp;amp;px=999" role="button" title="gayatri7_1-1696848419515.png" alt="gayatri7_1-1696848419515.png" /&gt;&lt;/span&gt;&lt;/P&gt;
&lt;P&gt;Could anyone let me know, how do I fix this and stick to the required rows. Same issue is happening if I apply certain background color for specific row.&lt;/P&gt;
&lt;P&gt;I am using below css script in multiple KPI object.&lt;/P&gt;
&lt;DIV&gt;/* -- background for rows in pivot table-- */&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(odd)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; background-color:#D3D3D3;&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;/* -- Bold for specific rows in pivot table-- */&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(5)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(6)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(7)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(9)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;[tid="data.row"]:nth-child(20)&amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;{&lt;/DIV&gt;
&lt;DIV&gt;&lt;SPAN&gt; &amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/DIV&gt;
&lt;DIV&gt;&amp;nbsp; &amp;nbsp; &amp;nbsp; &amp;nbsp;&lt;/DIV&gt;
&lt;DIV&gt;}&lt;/DIV&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Please your help will be appreciated.&lt;/P&gt;
&lt;P&gt;&amp;nbsp;&lt;/P&gt;
&lt;P&gt;Note: Font.weight is not working in my case. So I am using the&amp;nbsp;&lt;SPAN&gt;&amp;nbsp; font-family: "Arial Black";&lt;/SPAN&gt;&lt;/P&gt;
&lt;P&gt;Thanks&lt;/P&gt;
&lt;P&gt;Gayatri&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 09 Oct 2023 10:53:10 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Qliksense-Formatting-of-Pivot-table-moving-while-scrolling-down/m-p/2126562#M91681</guid>
      <dc:creator>gayatri7</dc:creator>
      <dc:date>2023-10-09T10:53:10Z</dc:date>
    </item>
  </channel>
</rss>

