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

     function queryLabelDictTable() {
         $('#queryStandardCheckTable').bootstrapTable({
             ajax: function (result) {
                 $.ajax({
                     type : "POST",
                     url : "/bds-manager/bds/businessAPI/labelDict",
                     dataType:"json",
                     success : function (data) {
                         if (data.status) {
                             var msg = data.result[0];
                             result.success({
                                 rows: msg
                             });
                             $('#queryStandardCheckTable').bootstrapTable('load',msg);
                         }

                     }
                 });

             },
             cache:false,
             columns: [
                 {field: "state", title: "ID", width:"2%",align: "center", valign: "middle", checkbox: "true"},
                 {field: "id", title: "ID", width:"10%",align: "center", valign: "middle",visible:false},
                 {field: "name", title: "数据标签", width:"30%",align: "center", valign: "middle"},
                 {field: "type", title: "详细含义", width:"",align: "center", valign: "middle"},
             ]
         });

     }