Bootstrap table表格初始化表格数据的方法

一、项目说明

  ①此项目是ASP.NET项目,开发语言是C#

  ②bootstrap-table使用需要下载对应的css和js插件

  ③具体详情还需查看api文档

二、前端代码

【说明】 ①text-nowrap设置表格超出不换行而显示滚动条,避免表格列过多

    ②table-responsive:有table-responsive,表格有滚动条没有table-responsive,网页有滚动条

'; else return ''; }
      },{
        field: 'REMARK1',title: '备注'
      },]
  });</pre>

【说明】以上是表格初始化方法

  ①请求网址返回的数据是json数组

  ②传递的默认参数有页数和页的大小,如果在服务端分页,分页方式为:server

  ③表格随动(随着页面大小的改变,表格的大小随之改变)

  这里写了一个tableHeight()方法获取屏幕的高度,同时利用Windows的resize方法重新传递参数,刷新表格

【重新设置表格属性值并刷新】

④为表格设置checkbox

在columns:中设置第一列 checkbox: true,将会用全选功能         field: 'ID',此名称需和json对应的key值相同才会显示对应的value值 title: '编号',title是列名,显示的名称 visible: false 表示初始为不可见,可通过表格右上方的按钮设置列的显示和不显示

⑤在表格中设置样式

表格中显示按钮等不同状态的  

启用'; else return ' 不启用'; }

  返回的参数有三个,value代表当前值,row表示当前行,index当前行数

总结

以上所述是小编给大家介绍的Bootstrap table表格初始化表格数据的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...