bootstarp-table表格中嵌套多个BUTON按钮实现

bootstarp-table表格中嵌套多个BUTON按钮实现

 

有时我们需要在bootsharp-table表格中嵌套多个按钮，来实现不同的功能，大概界面如下：

 

实现功能如下：

1：构建表格

中间部分字段已删除。

visible: false  该列隐藏，界面不显示

events: operateEvents ：给按钮注册事件

formatter: operateFormatter：表格中增加按钮

 1 $("#TbRoleList").bootstrapTable({
 2                 url: "../Role/Get",
 3                 columns: [
 4                 [
 5                     {
 6                         field: '',
 7                         checkbox: true,
 8                         align: 'center',
 9                         valign: 'middle',
10                     }, {
11                         title: 'Id',
12                         field: 'Id',
13                         align: 'center',
14                         valign: 'middle',
15                         visible: false
16                     }, {
17                         title: '角色',
18                         field: 'RoleName',
19                         align: 'center',
20                         valign: 'middle',
21                         sortable: false,
22                     }, {
23                         field: 'operate',
24                         title: '操作',
25                         align: 'center',
26                         events: operateEvents,
27                         formatter: operateFormatter
28                     }
29                 ]
30                 ]
31             });

View Code