# Perspective table selected row style not being applied as expected **URL:** \ **Category:** Ignition\ **Tags:** perspective\ **Created:** [October 3, 2025, 4:17am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166 "2025-10-03T04:17:46Z")\ **Posts on this page:** 15\ **Page:** 1
**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\ **Post date:** [October 3, 2025, 4:17am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/1 "2025-10-03T04:17:46Z")
I have a perspective table where row selection is enabled, and when I select a row it’s highlighted in a blue colour. I’d like to change that colour (and the text colour). I have located the table’s selection.style properties, but it seems that most of them are ignored. If I set a backgroundColor it fills the entire row with that colour, and blocks the text. Changing the text colour doesn’t seem to do anything at all. I do have style classes applied to the rows.style, but even if I remove them, it doesn’t seem to honour the selection style classes on the selected row. Am I missing something simple, or should this be working as I expect? ---
**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\ **Post date:** [October 6, 2025, 10:11pm UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/2 "2025-10-06T22:11:57Z")
Just bumping this question - any ideas on what I might be missing? ---
**Author:** ![Jasmine\_Quick](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasmine_quick/32/80380_2.png) [@Jasmine\_Quick](https://forum.inductiveautomation.com/u/Jasmine_Quick)\ **Post date:** [October 7, 2025, 2:47am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/3 "2025-10-07T02:47:37Z")
Hey ASF, I was able to quickly recreate this in one of my local projects, and I found modifying the HEX code for the background colour to also include transparency seems to solve it? ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [October 7, 2025, 8:26am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/4 "2025-10-07T08:26:40Z")
You can try adding this into your advanced stylesheet; ```python .ia_tableComponent __body__ row--hovered { color: #wanted_color; background-color: #wanted_color; } ``` ---
**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\ **Post date:** [October 8, 2025, 5:33am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/5 "2025-10-08T05:33:57Z")
Thanks, that adjusts the hovered row, but not the selected row. Do you know the correct reference for the selected row, or where I can find these details? I tried `row--selected`but that doesn’t appear to be it ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [October 8, 2025, 7:06am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/6 "2025-10-08T07:06:05Z")
Ah, my apologies - I misread your question. For selected row you’d want something like this in your Advanced Stylesheet; ```python .ia_tableComponent__selection { background-color: #wanted_color; } ``` You can also add whichever style you prefer for your selected row - border, color, box shadow etc. ---
**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\ **Post date:** [October 8, 2025, 9:57pm UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/7 "2025-10-08T21:57:22Z")
Thanks! That modifies the selected row style, but again seems to do it the same way as the built-in selection style properties. If I add a background colour, it fills the whole row with that colour and covers the text. Changing the text colour has no effect at all. @Jasmine_Quick‘s suggestion to add transparency kind of works, in that it makes the “background colour” transparent and I can then see the text behind it, but that doesn’t really give me a proper solution, and anyway, the text colour still isn’t being applied. So it seems that whichever way I try to apply the row style to selected rows, the “background” colour is not placed in the background, and the text style is ignored. Presumably this is not the intended behaviour; perhaps I should file a bug report ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [October 9, 2025, 7:56am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/8 "2025-10-09T07:56:55Z")
Here’s the official css code for the selection in a table component; ```python .ia_tableComponent__selection { background-color: rgba(12, 123, 179, 0.25); } ``` It appears that the table component’s selected property is hardcoded with 25% opacity settings. If I set the opacity to 100% then the background text isn’t visible anymore. I think Jasmine’s suggestion of setting a custom color with a low enough opacity is the way to go? I’m not sure if this is the intended outcome from IA’s side, but I haven’t been able to find another workaround as of yet. ---
**Author:** ![Jasmine\_Quick](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasmine_quick/32/80380_2.png) [@Jasmine\_Quick](https://forum.inductiveautomation.com/u/Jasmine_Quick)\ **Post date:** [October 9, 2025, 10:54am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/9 "2025-10-09T10:54:02Z")
To change the text colour, its the “color” style value. So to change the background and the text, you would need to give both backgroundColor and color the desired values. To easily access the colour picker for these, you can type in any value in either HEX or as “red”/”blue” for example, and then click on the colour square that will appear next to it. At the bottom of the colour picker is also the transparency value, so you can assign it there. ---
**Author:** ![ASF](https://avatars.discourse-cdn.com/v4/letter/a/c4cdca/32.png) [@ASF](https://forum.inductiveautomation.com/u/ASF)\ **Post date:** [October 9, 2025, 9:19pm UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/10 "2025-10-09T21:19:58Z")
Whether I use the advanced stylesheet or the built-in properties, the text colour is not implemented. Here’s my stylesheet: ![Screenshot 2025-10-10 at 8.14.04 am](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/6/c6538261baa3737eb0ccb531c283b13f8c56e258.png) …which should give me a green background and red text, but the result is this: ![Screenshot 2025-10-10 at 8.16.04 am](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/9/4912e622ba462b6939fcd3ecf27ae1d8690d31b8.png) I’m guessing that the “selection” object is actually placed in front of the table, and has no text. Which is why it must be transparent, so that you can see the text behind it, and why the `color` property is not implemented, because it does not act on the table, only on the overlay which has no text. I wonder if there’s a workaround by putting a change script on the table’s selected row property, and using that to modify the properties of just one row on a table. What I’d ultimately like to do is for this to be responsive based on the session theme, so I’m going to use `var(--neutral-90)`and `var(--neutral-10)`- so that in a dark theme, the table is light text on a dark background, and the selected row is dark text on a light background - and then vice versa for light mode. edit: realised my opacity property on the text colour should be 100, not 0, but it makes no difference either way as it’s not implemented. ---
**Author:** ![sayantachatterjee](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@sayantachatterjee](https://forum.inductiveautomation.com/u/sayantachatterjee)\ **Post date:** [October 27, 2025, 11:34am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/11 "2025-10-27T11:34:27Z")
> [@Fran\_Dujmovic](#): > > ```python > .ia_tableComponent__selection { > background-color: rgba(12, 123, 179, 0.25); > } > > ``` Do we need to add this style to the table component? ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [October 27, 2025, 11:46am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/12 "2025-10-27T11:46:44Z")
No, you would add this to the advanced stylesheet. It would then be applied to all table components used in your project. ---
**Author:** ![sayantachatterjee](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@sayantachatterjee](https://forum.inductiveautomation.com/u/sayantachatterjee)\ **Post date:** [October 27, 2025, 1:49pm UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/13 "2025-10-27T13:49:06Z")
I tried this Hover one but seems like its not responding correctly ---
**Author:** ![Fran\_Dujmovic](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/fran_dujmovic/32/70280_2.png) [@Fran\_Dujmovic](https://forum.inductiveautomation.com/u/Fran_Dujmovic)\ **Post date:** [October 28, 2025, 8:00am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/14 "2025-10-28T08:00:04Z")
Can you post some screenshots to clarify further? ---
**Author:** ![sayantachatterjee](https://avatars.discourse-cdn.com/v4/letter/s/7ea924/32.png) [@sayantachatterjee](https://forum.inductiveautomation.com/u/sayantachatterjee)\ **Post date:** [October 28, 2025, 8:37am UTC](https://forum.inductiveautomation.com/t/perspective-table-selected-row-style-not-being-applied-as-expected/111166/15 "2025-10-28T08:37:18Z")
I had hardcoded Rows \> Highlight thats why it was not working. Now its fine. Thanks Only issue i am having currently is Selected Row Text to make bold . I am trying by adding a style class in Selection but it takes the background colour but dont make changes in text and also I am not able to make change color of the Filter icon in columns