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"},

             ]

         });

     }

巴特西

bootstrap-table 踩坑手记

最新文章

热门文章