Simple table for bootstrap. Examples and documentation
<table id="table"></table>
$('#table').bootstrapTable({
sortName: 'code',
sortOrder: 'desc',
columns: [
{field: 'code', title: 'Code', align: 'left', width: 200, sortable: true, sorter: function(a, b) {
return a < b;
}},
{field: 'name', title: 'Name', align: 'center', width: 100},
{field: 'price', title: 'Price', align: 'right', valign: 'middle', width: 200, formatter: function(value, row) {
return 'the price is: ' + value;
}}
],
data: [
{code: '123', name: 'hello 123', price: '$123'},
{code: '222', name: 'hello 222', price: '$222'},
{code: '321', name: 'hello 321', price: '$321'}
]
});
$('#table').bootstrapTable('load', [
{code: '123', name: 'hello 123', price: '$123'},
{code: '222', name: 'hello 222', price: '$222'},
{code: '321', name: 'hello 321', price: '$321'}
]);
$('#table').bootstrapTable('append', [
{code: '123', name: 'hello 123', price: '$123'},
{code: '222', name: 'hello 222', price: '$222'},
{code: '321', name: 'hello 321', price: '$321'}
]);
$('#table').bootstrapTable('mergeCells', {
index: 1,
field: 'code',
rowspan: 2,
colspan: 2
});