Search
showing results for - "javascript change table row color based on value"
Diego
08 Mar 2020
1var rows = document.getElementById("trans_separate").getElementsByTagName("tbody")
2  [0].getElementsByTagName("tr");
3
4    // loops through each row
5    for (i = 0; i < rows.length; i++) {cells = rows[i].getElementsByTagName('td');
6
7            if (cells[0].innerHTML == 'R')
8                rows[i].className = "red";
9
10            if (cells[0].innerHTML == 'Y')
11                rows[i].className = "yellow";           
12 }
13
source
similar questions
alternate color to table row jqueryjquery datatable background text colorhow to change the color using jsjquery datatable update row cell valuejquery sum table column tdjquery datatable text colorjavascript transpose rows to columnsjavascript sum table row valuesrow span by jsjavascript change dataset valuejavascript dynamic table row adddatatables modify rowsjavascript intl collatorif both td data are same then merze how in javascriptassign values to a table from javascript in vf pagejavascript set color in hexjavascript select all table rowshow to add edit and delete rows of a html table with javascriptcreate a html table dynamically using javascript
queries leading to this page
change table row background color based on value using javascriptchange row color based on cell value javascriptjavascript change table row text color based on valuechange html table cell color depending on its value javascriptjavascript change table row color based on valuehow to change background color of table row in javascriptjavascript change table row background colorjavascript change table row background color based on valueset table row background color from jschanging color of table column jschange table color jsjavascript change table row color based on cell valuejavascript change table row color based on value