JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <th>Name</th>
        <th>LastName</th>
    </tr>
    <tr>
        <td>John
            <button data-id="1">View</button>
        </td>
         <td>Shetty
           
        </td>
    </tr>
    <tr>
        <td>Bob
            <button data-id="2">View</button>
        </td>
    </tr>
</table>

JavaScript

var obj = [{
    id: 1,
    fullName: 'john fibonacci'
    lastName: 'john fibonacci'
}, {
    id: 2,
    fullName: 'Bob bobby'
}];

$(document).on('click', 'button', function () {
    var id = $(this).data('id');
    var myObj;
    for (var i = 0; i < obj.length; i++) {
        if (obj[i].id == id) {
            myobj[i] = obj[i].fullName;
           myobj[i] = obj[i].lastName;
            break;
        }
    }
    $('<td/>',{
      text : myobj
      }).insertBefore($(this).closest('tr')).wrap('<tr></tr>');
    
});