首页 > 其他 > 详细

基于bootstrap的表格数据展示

时间:2018-03-30 11:39:57      阅读:243      评论:0      收藏:0      [点我收藏+]

一、导入bootstrap文件

  技术分享图片

二、前端html代码

  技术分享图片

  技术分享图片

  对应的是前台条件查询和js数据获取

  js数据获取部分在第四段

  技术分享图片

 

三、后台数据

  技术分享图片

  total为集合总数  int类型

  rows为前台需要展示的数据集合

  方法前两个参数为前台条件查询的参数

四、js代码

  1.表格数据展示

  技术分享图片

 

  

     技术分享图片

    field写想要展示的集合里的类的字段名 ,会自动映射上数据

    title写列名,例如:姓名、年龄

    技术分享图片

    单击事件和双击事件

    技术分享图片

    queryParams是查询时需要的参数,名称要和后台方法参数名一致

    技术分享图片

    一定要初始化表格

    到此数据展示完成

 

基于bootstrap的表格数据展示

原文:https://www.cnblogs.com/zchbiji/p/8674989.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!