Qliksense - Formatting of Pivot table moving while scrolling down - CSS script

[gayatri7]

Hello All,

I have below pivot table that I wanted to highlight bold for certain rows. But  while scrolling the font format is moving down across different records. And it is not sticking to the required record.

I want to apply the bold function only to the above rows. But when I scroll down , bold function is moving down also.

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.

I am using below css script in multiple KPI object.

/* -- background for rows in pivot table-- */

[tid="data.row"]:nth-child(odd) 

{

background-color:#D3D3D3;

}

/* -- Bold for specific rows in pivot table-- */

[tid="data.row"]:nth-child(5) 

{

  font-family: "Arial Black";

}

[tid="data.row"]:nth-child(6) 

{

  font-family: "Arial Black";

}

[tid="data.row"]:nth-child(7) 

{

  font-family: "Arial Black";

}

[tid="data.row"]:nth-child(9) 

{

  font-family: "Arial Black";

}

[tid="data.row"]:nth-child(20) 

{

  font-family: "Arial Black";

}

Please your help will be appreciated.

Note: Font.weight is not working in my case. So I am using the   font-family: "Arial Black";

Thanks

Gayatri