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

最新文章

  1. outlook——还原“未读邮件”文件夹
  2. 3分钟4个步骤超级简单入门配置lamp
  3. ajax请求后加额外的数据
  4. Android之ScrollView嵌套ListView
  5. Windows Phone开发-开发环境和结构
  6. WCF SOA服务应用
  7. Selenium WebDriver 学习笔记
  8. 独木舟上的旅行--nyoj题目71
  9. JFreeChat
  10. 刷新指定行或区 cell
  11. Android基础之在Eclipes中关联SDK源码和查看SDK源码
  12. Android MediaScanner 详尽分析
  13. Hibernate分页查询小结
  14. 本学期微分方程数值解课程总结(matlab代码)
  15. 数据库性能优化之SQL语句优化(上)
  16. 解决Protobuf生成的C#代码命名不规范问题
  17. 最新最全的Java面试题整理(内附答案)
  18. 如何使用vuejs过滤器
  19. Git之版本回退及回滚
  20. C++学习笔记: 智能指针

热门文章

  1. 二进制部署 Kubernetes 集群
  2. qml: 自定义滚动条;
  3. 使用SSH命令行传输文件到远程服务器
  4. bzoj1009 KMP+矩阵dp
  5. 将二维list某列组成新的list
  6. springboot学习之maven多环境打包的几种方式
  7. 云计算虚拟机技术-KVM安装
  8. 设计模式---领域规则模式之解析器模式(Interpreter)
  9. python 函数动态参数,名称空间,global,nonlocal
  10. .net面式题