欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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');
}

效果:bootstrapTable新增行,删除行

选择多条删除:

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
    });
    
}