基于bootstrap的表格数据展示

一、导入bootstrap文件

  

基于bootstrap的表格数据展示

二、前端html代码

  

基于bootstrap的表格数据展示

  

基于bootstrap的表格数据展示

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

  js数据获取部分在第四段

  

基于bootstrap的表格数据展示

 

三、后台数据

  

基于bootstrap的表格数据展示

  total为集合总数  int类型

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

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

四、js代码

  1.表格数据展示

  

基于bootstrap的表格数据展示

 

  

     

基于bootstrap的表格数据展示

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

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

    

基于bootstrap的表格数据展示

    单击事件和双击事件

    

基于bootstrap的表格数据展示

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

    

基于bootstrap的表格数据展示

    一定要初始化表格

    到此数据展示完成

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwwdjp.html