Remove Bootstrap Table

by jimkennelly

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<table id="ttt">
    <thead>
        <tr>
            <th data-field="id" data-checkbox="true"></th>
            <th data-field="PO" data-sortable="true">P.O.</th>
            <th data-field="desc" data-sortable="true">Description</th>
        </tr>
    </thead>
</table>
<a href="#" class="btn btn-success">Test</a>

CSS

a {
    color:red;
}

JavaScript

var data = [{
    "id": 123,
        "PO": 123,
        "desc": "concrete"
}, {
    "id": 434,
        "PO": 434,
        "desc": "drywall"
}, {
    "id": 665,
        "PO": 665,
        "desc": "stuff"
}, ];
$(function () {
    var $table = $("#ttt");
    $table.bootstrapTable({
        data: data
    });
    $('a').click(function () {
        alert("test click");
        $table.bootstrapTable('remove', {
            field: 'id',
            values: 123
        });
    });
});