博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap-table前端修改数据
阅读量:6036 次
发布时间:2019-06-20

本文共 1076 字,大约阅读时间需要 3 分钟。

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

转载于:https://www.cnblogs.com/lhyhappy365/p/5845286.html

你可能感兴趣的文章
iOS的AssetsLibrary框架访问所有相片
查看>>
MySQLdb的安装
查看>>
读书笔记三
查看>>
数论 - 最小乘法逆元
查看>>
企业架构研究总结(22)——TOGAF架构开发方法(ADM)之信息系统架构阶段
查看>>
接口测试(三)--HTTP协议简介
查看>>
周志华《机器学习》课后答案——第4章.决策树
查看>>
frameset分帧问题
查看>>
特殊样式:ime-mode禁汉字,tabindex焦点
查看>>
linux
查看>>
Layout父元素点击不到的解决办法
查看>>
【面试次体验】堆糖前端开发实习生
查看>>
基于apache实现负载均衡调度请求至后端tomcat服务器集群的实现
查看>>
C#+QQEmail自动发送邮件
查看>>
[Hadoop]MapReduce多输出
查看>>
Android Activity详解(一)
查看>>
快准车服完成3000万元A+轮融资,年底将开始B轮融资
查看>>
让我去健身的不是漂亮小姐姐,居然是贝叶斯统计!
查看>>
MySQL 数据约束
查看>>
我的友情链接
查看>>