bootstrap table操作

最新推荐文章于 2021-09-15 13:05:44 发布

liunliun

最新推荐文章于 2021-09-15 13:05:44 发布

阅读量207

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/liunliun/article/details/80744375

版权

前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<table id="table"></table>

$("#table").bootstrapTable({
		url: 'testdata.php',
		method: 'post',
		search: true,
		pagination: true,
		columns: [{
			field: 'name',
			title: '姓名',
			events: operateEvents,
			formatter: operateFormatter
		}, {
			field: 'age',
			title: '性别'
		}]


        });

function operateFormatter(value, row, index) {
        return [
            '<button type="button" class="RoleOfdelete btn btn-primary  btn-sm" >删除</button>',

            '<button type="button" class="RoleOfedit btn btn-default  btn-sm" >修改</button>'
        ].join('');
        }
window.operateEvents = {
        'click .RoleOfdelete': function(e, value, row, index) {
            alert(row);
        },
        'click .RoleOfedit': function(e, value, row, index) {
            $("#editModal").modal('show');
    
        }
};

click后面有个空格，很重要