bootstrap-table表格数据格式化

  //初始化表格
        function initTable() {
            var baseConfig = {
                uniqueId: "MemberID" //指定主键列
                , sortName: "CreateDate"  //默认排序列
                , sortOrder: "desc"
                , method: "post"
                , queryParams: that._methods.tableParams
                , pagination: true  //显示分页
                , sidePagination: 'server' //设置在哪里进行分页，可选值为 'client' 或者 'server'。设置 'server'时，必须设置 服务器数据地址（url）或者重写ajax方法
                , pageNumber: 1
                , pageSize: 20
                , pageList: [20, 30, 50]  //设置为 All 或者 Unlimited，则显示所有记录。
                , columns: [   //配置显示列
                    { checkbox: false, width: 1 }
                    , { field: "MemberName", title: "客户", width: 160, sortable: true }               
                    , {
                        field: "Status", title: "状态", width: 100, sortable: true, formatter: function (val, row, index) {
                            if (val)
                                return val === 1 ? "启用" : "禁用";
                            else
                                return val = "未配置";
                        }
                    }
                    , { field: "CreateUser", title: "创建人", width: 100, sortable: true }

                    , {  field: "CreateDate", title: "创建时间", width: 140, sortable: true, formatter: function (val, row, index) {
                            return val == null ? "" : _fn.ToDate(val).format('yyyy-MM-dd hh:mm:ss');
                        }
                    }
                    , {
                        field: "", title: "操作", width: 100, sortable: false, formatter: function (val, row, index) {
                            var config_div = "<div class='shelf_edit'><a onclick='_methods.ConfigModalShow(" + row.MemberID + ")' title='配置'>配置</a>";
                            if (row.Status == 1)
                                return config_div += "&nbsp;&nbsp;&nbsp;<a onclick='_methods.SwitchEnableStatus(" + row.MemberID + "," + row.Status + ")' title='禁用'>禁用</a></div>";
                            else
                                return config_div += "&nbsp;&nbsp;&nbsp;<a onclick='_methods.SwitchEnableStatus(" + row.MemberID + "," + row.Status + ")' title='启用'>启用</a></div>";
                        }
                    }
                ]
                , onLoadSuccess: function (data) { }
                , search: false
                , singleSelect: true
            };
            var tabConfig = _fn.GetTabDefaultConfig(baseConfig);
            that._doms.table.bootstrapTable(tabConfig);
        }

 

 

更多知识分享网址：http://www.itxst.com/