bootstrap-table 踩坑手记

官方文档：

http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/

渲染表格有两种方法：

1）data属性渲染表格

2）js代码渲染表格

我进的坑：

1、在iframe中的页面，渲染表格使用js进行渲染，用data时样式及数据都进不来。

2、用js渲染表格时，如果想要取到ajax传过来的自定义数据时，如图。重点在行3：ajax中写jQuery的ajax，传result参数，

然后重点！！！：ajax成功回调后将要渲染的数据放这里（记住是rows！！）。

result.success({
    rows: msg
});

 1     function queryLabelDictTable() {
 2         $('#queryStandardCheckTable').bootstrapTable({
 3             ajax: function (result) {
 4                 $.ajax({
 5                     type : "POST",
 6                     url : "/bds-manager/bds/businessAPI/labelDict",
 7                     dataType:"json",
 8                     success : function (data) {
 9                         if (data.status) {
10                             var msg = data.result[0];
11                             result.success({
12                                 rows: msg
13                             });
14                             $('#queryStandardCheckTable').bootstrapTable('load',msg);
15                         }
16 
17                     }
18                 });
19 
20             },
21             cache:false,
22             columns: [
23                 {field: "state", title: "ID", width:"2%",align: "center", valign: "middle", checkbox: "true"},
24                 {field: "id", title: "ID", width:"10%",align: "center", valign: "middle",visible:false},
25                 {field: "name", title: "数据标签", width:"30%",align: "center", valign: "middle"},
26                 {field: "type", title: "详细含义", width:"",align: "center", valign: "middle"},
27             ]
28         });
29 
30     }