bootstrap-table前端修改后台传来的数据重新进行渲染

时间：2023-03-10 00:01:23
bootstrap-table前端修改后台传来的数据重新进行渲染

使用bootstrap-table显示数据，后台传回数据以后，可能需要对其做调整，如需要前端为数据添加单位

调整数据代码

$("#"+tableId).bootstrapTable({

        dataType: "json",

        method: 'get',

        contentType: "application/x-www-form-urlencoded",

        cache: false,

        url:url,

        sortName:sortName,  //排序列名

        sortOrder: sortOrder,//排位命令（desc，asc）

        queryParams: queryParams,

        columns:columns,

        pagination:true,

        sidePagination:'server',

        pageNumber:1,

        pageSize:10,

        pageList:[10],

        onLoadSuccess:function(data){

            //通过对data判断

            if("rate" in data["rows"][0]){

                var result = data["rows"];

                $.each(result,function(index,content){

                    content["rate"] =content["rate"]+"%";ze5year"] =content["authorize5year"]+"%";

                })

                $("#"+tableId).bootstrapTable("load",data)

            }

        },

代码的解释

数据通过onLoadSuccess返回，此时数据已经渲染到页面中，这里将返回的数据对应的列中加上相应的单位（“%”）之后，使用

$("#"+tableId).bootstrapTable("load",data)重新加载到表格中，数据即得以改变