JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.7/css/jquery.dataTables.min.css">
<table class="datatable">
    <thead>
        <tr>
            <th>Year</th>
            <th>Sales</th>
        </tr>
    </thead>
    <tbody>
        <tr id="year_2010">
            <td>2010</td>
            <td>75,000</td>
        </tr>
        <tr id="year_2011">
            <td>2011</td>
            <td>100,000</td>
        </tr>
        <tr id="year_2012">
            <td>2012</td>
            <td>150,000</td>
        </tr>
        <tr id="year_2013">
            <td>2013</td>
            <td>50,000</td>
        </tr>
    </tbody>
</table>

<p><button id="update_row">Update Row</button></p>

JavaScript

$('.datatable').dataTable();

$('#update_row').click(function() {
    $('#year_2011').replaceWith('<tr id="year_2011"><td>2011</td><td>'+Math.floor(Math.random()*100000)+'</td></tr>');
});