JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.datatables.net/release-datatables/media/js/jquery.dataTables.min.js"></script>
<script src="http://www.appelsiini.net/projects/jeditable/jquery.jeditable.js"></script>
<link rel="stylesheet" href="http://www.datatables.net/release-datatables/media/css/demo_table.css">
<table id="table">
    <thead><th>Name</th><th>Value</th></thead>
    <tbody>
        <tr><td>A</td><td>asd</td></tr>
        <tr><td>B</td><td id="B" class="editable">asd</td></tr>
        <tr><td>C</td><td id="C" class="editable">asd</td></tr>
        <tr><td>D</td><td>asd</td></tr>
    </tbody>
</table>
<button id="save">Save</button>

CSS

.editable {
    color:yellow;
}

JavaScript

$('#table').dataTable({
    bSort:false,
    bInfo: false,
    bLengthChange:false,
    bFilter:false
});

var data = {};
$('.editable').editable(function(value, settings) { 
    data[this.id]=value;
     return value;
});
$('#save').click(function(){
    alert(JSON.stringify(data));
    //$.post({url:'xxx',data:data});
});