JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Foo</th>
            <th>Bar</th>
            <th>Base</th>
            <th>Ball</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>foo</td>
            <td>foooo</td>
        </tr>
    </tbody>
</table>

CSS

th, td {
    width: 90px;
}

JavaScript

$(function() {
    $('table').find('td').each(function(){
        $.data(this, 'dataobject', {});
    }); 
    
    $('table').delegate('td', 'click', function(e) {
        var parent_row_element = $(e.target).closest('tr')[0];

        if(!$.data(parent_row_element, 'changed'))
            $.data(parent_row_element, 'changed', {});

        alert('object is: ' + $.data(parent_row_element, 'changed'));
        $.data(parent_row_element, 'changed').wf_id = e.target.value;
    });
});