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", "2%",align: "center", valign: "middle", checkbox: "true"},
                {field: "id", title: "ID", "10%",align: "center", valign: "middle",visible:false},
                {field: "name", title: "数据标签", "30%",align: "center", valign: "middle"},
                {field: "type", title: "详细含义", "",align: "center", valign: "middle"},
            ]
        });

    }