Table ignoring styling color

Question

I'm using JavaScript to identify rows with specific values and paint the entire row red, the code itself seems to be running fine, because I can see it is indeed adding the style to the table row, but it's only painting one row (maybe only the last?)

Can you guys help me understand whats happening?

Just to context, I'm using a python library called pretty-html-table that auto creates these tables with pre-set html components.

I also tried adding specific class to the tr and adding !important to the style tag, like these:

$('.dataframe tr').filter(function(){
   return $.trim($('td', this).eq(0).text())=="Sim";
}).addClass('redcolor');

Here is the fiddle

Or snipper below

$('.dataframe tr').filter(function(){
   return $.trim($('td', this).eq(0).text())=="Sim";
}).css('color', 'red');

user_2943218 · Answer

Problem seems to be that you are trying to set the color on the tr and not the td, so add .find("td") before your .css('color', 'red')

Demo

$('.dataframe tr').filter(function() {
  return $.trim($('td', this).eq(0).text()) == "Sim";
}).find("td").css('color', 'red');

user_13174161 · Answer

if you want to change the colors , delete color: black; style from second row td tags.

Table ignoring styling color

2 Answers