JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://kpdecker.github.io/jsdiff/diff.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script>
<table class="table" id="order_history_table">
<thead>
<tr>
<th scope="col">Date Entered</th>
<th scope="col">Enterprise</th>
<th scope="col">Job Number</th>
<th scope="col">Line Item</th>
<th scope="col">Part Number</th>
<th scope="col">Qty</th>
<th scope="col">Description</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Original Entry</th>
<td>7-ELEVEN</td>
<td>22971161</td>
<td>A</td>
<td>SO1067RF.OK</td>
<td>4</td>
<td>SOUTH MOD 67 ID FACE||7-11 OKLAHOMA COLORS||95-5/8 X 96-3/4||DWG: SO1067RF.OK (102138)||</td>
</tr>
<tr>
<th scope="row">05/05/2020 @ 4:17AM</th>
<td>7-ELEVEN</td>
<td>22971161</td>
<td>B</td>
<td>SO1067RF.OK</td>
<td>3</td>
<td>SOUTH MOD 67 ID FACE||7-11 OKLAHOMA COLORS||95-5/8 X 96-3/4||DWG: SO1067RF.OK (102138)||</td>
</tr>
<tr>
<th scope="row">05/08/2020 @ 4:23AM</th>
<td>7-ELEVEN</td>
<td>22971161</td>
<td>C</td>
<td>SO1067RF.OK</td>
<td>2</td>
<td>SOUTH MOD 67 ID FACE||7-11 OKLAHOMA COLORS||95-5/8 X 96-3/4||DWG: SO1067RF.OK (102138)||</td>
</tr>
</tbody>
</table>
JavaScript
$(document).ready(function() {
$("#order_history_table tr").each(function () {
$('td', this).each(function () {
var index = $(this).prevAll().length
var cellBelow = $(this).parent().next('tr').children('td:nth-child(' + (index + 1) + ')')
console.debug($(this).text());
var diff = JsDiff.diffChars($(this).text(), cellBelow.text());
var display = cellBelow;
diff.forEach(function(part){
//ignore those that have no changes
if('count' in part) {
$(cellBelow).addClass('text-danger font-weight-bold');
}
});
})
});
});