本文总结了如何使用 Bootstrap Table 的列参数 `columns` 进行表格配置，包括显示条纹、分页等功能，并展示了如何通过 `formatter` 和 `events` 注册自定义操作按钮及事件，如修改、删除用户。同时，文中给出了根据条件动态刷新表格数据的示例代码。
$('#workTable').bootstrapTable({
striped:true, //显示条纹表格
pagination: true, //显示表格分页组件
pageList: [1, 3, 5], //设置每页显示数据条数框
pageSize: 3, //页面默认每页显示数据条数
pageNumber: 1, //设置首页页码
//以下为本文章核心代码 columns
columns: [{
field:'id',
title:'编 号'}, {
field:'username',
title:'用 户'}, {
field:'description',
title:'角 色'}, {
field:'task',
title:'描 述'}, {
field:'user',
title:'员 工'}, {
field:'operate',
title:'操作',
formatter: btnGroup,//自定义方法，添加按钮组
events: { //注册按钮组事件
'click #modRole': function(event, value, row, index) {
showUser(row.id, row.username)
},'click #modUser': funct
最低0.47元/天 解锁文章
扫一扫
879
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
