bootstrapTable新增行,删除行
程序员文章站
2022-04-24 23:52:40
...
新增行
function addRow(){
var row=
{
"cloumId":"",
"description":"",
"typeName":"",
"operationType":"",
"name":"",
"remarks":"",
"flag":"1",
"ruleText":"",
"nullable":"1"
};
//append 追加到最后一行
//prepend 新增到第一行
$('#exampleTable').bootstrapTable('append', row);
//更新行数据
$('#exampleTable').bootstrapTable('updateRow',row);
//定位到最后一行
$('#exampleTable').bootstrapTable('scrollTo', 'bottom');
}
效果:
选择多条删除:
function remove(){
var rows = $('#exampleTable').bootstrapTable('getSelections');//获取选中行
if (rows.length == 0) {
layer.msg("请选择要删除的数据");
return;
}
var indexs=[];
for(var i=0;i<rows.length;i++){
indexs[i]=rows[i].index;
}
//删除
$('#exampleTable').bootstrapTable('remove', {
field:'index',
values:indexs
});
}
上一篇: PostgreSQL的mysql_fdw使用_MySQL
下一篇: layui table动态新增行