JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href=" https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap-editable/css/bootstrap-editable.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/x-editable/1.5.1/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.6.2/jquery.mockjax.min.js"></script>
<table class="table">
<thead>
  <tr>Name</tr>
</thead>

<tbody>
  <tr>
    <td><a href="#" id="username" data-type="text" data-pk="1" data-original-title="Enter A New Username" class="editable editable-click inline-input">Username</a></td>
    <td>
      <button id="edit-btn" class="btn btn-block btn-primary">Edit</button>
      <button id="save-btn" class="btn btn-block btn-success hidden">Save</button>
    </td>
  </tr>
</tbody>
</table>

JavaScript

$.fn.editable.defaults.mode = 'inline';
    $.fn.editable.defaults.showbuttons = false;
    $.fn.editable.defaults.type = 'text';
    
    $('#edit-btn').click(function(e){
    	e.stopPropagation();
      $('#username').editable('toggle');
    	$('#edit-btn').addClass('hidden');
      $('#save-btn').removeClass('hidden');
    });
    
    $('#save-btn').click(function(){
    	        $('#username').editable({
            success: function (response, newValue) {
                return $.ajax({
                    type: 'POST',
                    data: { user: newValue},
                    url: '/post'
                });
            },
            name: 'username',
            pk: 1,
            placement: 'top',
            type: 'text',
            toggle: 'manual'
        });
    
        $('#edit-btn').removeClass('hidden');
        $('#save-btn').addClass('hidden');
    });