码迷,mamicode.com
首页 > 其他好文 > 详细

基于bootstrap的表格数据展示

时间:2018-03-30 12:10:17      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:bootstra   字段名   单击   完成   年龄   tle   params   bootstrap   后台   

一、导入bootstrap文件

  技术分享图片

二、前端html代码

  技术分享图片

  技术分享图片

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

  js数据获取部分在第四段

  技术分享图片

 

三、后台数据

  技术分享图片

  total为集合总数  int类型

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

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

四、js代码

  1.表格数据展示

  技术分享图片

 

  

     技术分享图片

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

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

    技术分享图片

    单击事件和双击事件

    技术分享图片

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

    技术分享图片

    一定要初始化表格

    到此数据展示完成

 

基于bootstrap的表格数据展示

标签:bootstra   字段名   单击   完成   年龄   tle   params   bootstrap   后台   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!