html5表格自增一行添加数据,bootstrap table insertRow插入一行数据的方法

bootstrap table insertRow插入一行数据的方法

通过bootstrap table insertRow方法插入一行数据到表格，需要传递两个参数一个是插入到哪一行以及需要插入的行对象。

insertRow方法

参数名称参数说明

index需要把数据插入到那以后，从0开始

row行数据对象，比如{id:1,name:"丽莎"}

代码例子//获取对象

var obj=$('#table');

//插入数据到第一行

obj.bootstrapTable('insertRow', {

index: 1,

row: {

Id: 100,

catalog: 'new car'

}

});

完整例子

bootstrap table insertRow在线例子

.table-demo {

width: 80%;

margin: 30px auto 0px auto;

}

.titles {

float: right;

clear: both;

}

插入数据到第1行

//设置需要显示的列

var columns = [

{

field:"Id",

title: 'ID'

}, {

field: 'catalog',

title: '分类'

} ];

var data= [{

Id: 11,

catalog: 'catalog 001',

}, {

Id: 12,

catalog: 'catalog 002',

}, {

Id: 13,

catalog: 'catalog 003',

} ];

//bootstrap table初始化数据

$('#table').bootstrapTable({

toolbar:"#toolbar",

data:data,

columns: columns,

});

function add()

{

var obj=$('#table');

obj.bootstrapTable('insertRow', {

index: 0,

row: {

Id: 100,

catalog: '被插入的行'

}

});

}