JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bootstrap-table.wenzhixin.net.cn/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://bootstrap-table.wenzhixin.net.cn/dist/bootstrap-table.min.css">
<script src="http://bootstrap-table.wenzhixin.net.cn/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="http://bootstrap-table.wenzhixin.net.cn/dist/bootstrap-table.min.js"></script>
<table id="tblPendingRequests" data-height="100">
    <thead>
        <tr>
            <th data-field="Version">Version</th>
            <th data-field="Env">Env</th>
            <th data-field="Release">Release</th>
            <th data-field="CreatedBy">Created By</th>
            <th data-field="Action">Action</th>
        </tr>
    </thead>
</table>
<button>Append</button>

JavaScript

$('#tblPendingRequests').bootstrapTable({});
$('button').click(function () {
console.log('clicked')
    var mydata = {
        "Version": 1,
        "Env": 2,
        "Release": 3,
        "CreatedBy": 4,
        "Action": 5
    };
    var newdata = [];
    newdata.push(mydata);
    $('#tblPendingRequests').bootstrapTable("load", newdata);
})