JSFiddle - React, Tailwind, and code Playground

by Cerlin ST

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 () {
    var mydata = {
        "Version": 1,
        "Env": 2,
        "Release": 3,
        "CreatedBy": 4,
        "Action": 5
    };
    $('#tblPendingRequests').bootstrapTable("append", mydata);
})