You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I have some tables created with bootstrap and if the user clicks on a table row, I want to show him that he selected a row by changing the color of the entire row:
When the user clicks o a row, I set in typescript a variable selectedRow and I apply the selected css class if the id of the selected row is equal to the iteration row
The class is applied correctly in the html:
and also the custom css:
but in the table the color is not displayed.
If I remove the styles import from styles.scss it works well
Also, if I remove the referente to the css from angular.json, also it works correctly:
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hi guys,
I have the following scenario:
I have some tables created with bootstrap and if the user clicks on a table row, I want to show him that he selected a row by changing the color of the entire row:
When the user clicks o a row, I set in typescript a variable selectedRow and I apply the selected css class if the id of the selected row is equal to the iteration row
The class is applied correctly in the html:
and also the custom css:
but in the table the color is not displayed.
If I remove the styles import from styles.scss it works well
Also, if I remove the referente to the css from angular.json, also it works correctly:
Any idea why the custom css is not displayed?
Beta Was this translation helpful? Give feedback.
All reactions