看了一些博客,解决方案都有一些小bug,废话就不多说了,直接上代码。
function addRow() {
var count = $('#table').bootstrapTable('getData').length;
//更新表格中的数据,否则点击添加后,填写的内容会被清空
var params = new Array();
for(var dataIndex=0;dataIndex<=count;dataIndex++) {
var columns = $('#table tr[data-index="'+dataIndex+'"] td');
var obj = new Object();
for (var i=0; i<columns.length; i++) {
var td = $(columns[i]).find('input');
var key = td.attr('field');
obj[key] = td.val();
}
params.push({index:dataIndex, row:obj});
}
$('#table').bootstrapTable("updateRow",params);
//插入新行
$('#table').bootstrapTable('insertRow',{index:count,row:{newFlag:"1"}});
};