Conditional formatting not working ONLY with Chrome browser

As i mentioned above, this just seem to be how Bootstrap 5.3 is handling styling. Your inline styles are getting overriden by the Bootstrap styles for the table row children:

You can’t just apply the styling like color to the <tr> like that in Bootstrap 5.3 as it’s controlled by a CSS variable --bs-table-color:.

Create a custom class and set the variable color there:

.my-color {
    --bs-table-color: #006400;
}

Then use the class toggle to add this class when a condition is met:

1 Like