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

2021-05-26 15:53:54 阅读：381 来源： 互联网

标签：bootstrapTable 渲染数据 bootstrap content rate tableId table data

使用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],       
        onl oadSuccess: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)重新加载到表格中，数据即得以改变

标签：bootstrapTable,渲染,数据,bootstrap,content,rate,tableId,table,data
来源： https://blog.51cto.com/u_14302606/2817954

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

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