JSFiddle - React, Tailwind, and code Playground

by mflodin

HTML

<table>
                            <thead>
                            <tr>
                                <th>Customer Name</th>
                                <th>Address</th>
                              </tr>
                            </thead>
                            
                        <tbody><tr>
                            <td class="changed" data-old-value="Test Cuffstomer 1" data-new-value="Test Customer 1">Test Customer 1
                           
                            </td>
                            <td>
                                Test Road 1
                            </td>
                        </tr>
                        </tbody></table>

CSS

td, th { border: 1px solid black; padding: 2px;  }

JavaScript

function showOldValue() {
   $(this).text($(this).data('old-value'));
}

function showNewValue() {
    $(this).text($(this).data('new-value'));
}

$('td.changed').hover(showOldValue, showNewValue);