JSFiddle - React, Tailwind, and code Playground
HTML
<table id="myTable" border="1">
<thead>
<tr><th>Col1</th><th>Col2</th><th>Col3</th></tr>
</thead>
<tbody>
<tr><td>Val 1</td><td>Val 1</td><td>Val 2</td></tr>
<tr><td>Val 3</td><td>Val 3</td><td>Val 3</td></tr>
<tr><td>Val 1</td><td>Val 2</td><td>Val 2</td></tr>
<tr><td>Val 123</td><td>Val abc</td><td>Val 122</td></tr>
<tr><td>:]</td><td>:]</td><td>:]</td></tr>
</tbody>
</table>
CSS
html {font-size: 22px;}
table tr th, table tr td {padding: 5px;}
.different{
background: yellow;
}
JavaScript
$(document).ready(function() {
$('#myTable tbody tr').each(function() {
//compare each cell to adjacent cells
$(this).find('td').each(function() {
var $val = $(this).text();
//checks for different values. as soon as a difference
//is encountered we move to next row
$(this).parent().find('td').each(function() {
if ($(this).text() != $val) {
$(this).parent().addClass('different');
return false;
}
});
});
});
});