一、项目说明
①此项目是ASP.NET项目,开发语言是C#
②bootstrap-table使用需要下载对应的css和js插件
③具体详情还需查看api文档
二、前端代码
【说明】 ①text-Nowrap设置表格超出不换行而显示滚动条,避免表格列过多
②table-responsive:有table-responsive,表格有滚动条没有table-responsive,网页有滚动条
},{
field: 'REMARK1',title: '备注'
},]
});</pre>
【说明】以上是表格初始化方法
①请求网址返回的数据是json数组
②传递的默认参数有页数和页的大小,如果在服务端分页,分页方式为:server
③表格随动(随着页面大小的改变,表格的大小随之改变)
这里写了一个tableHeight()方法获取屏幕的高度,同时利用Windows的resize方法重新传递参数,刷新表格
【重新设置表格属性值并刷新】
④为表格设置checkBox
在columns:中设置第一列 checkBox: true,将会用全选功能 field: 'ID',此名称需和json对应的key值相同才会显示对应的value值 title: '编号',title是列名,显示的名称 visible: false 表示初始为不可见,可通过表格右上方的按钮设置列的显示和不显示
⑤在表格中设置样式
表格中显示按钮等不同状态的
返回的参数有三个,value代表当前值,row表示当前行,index当前行数
总结
以上所述是小编给大家介绍的Bootstrap table表格初始化表格数据的方法。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。
原文地址:https://www.jb51.cc/bootstrap/31366.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。