如和去掉table换成div并添加bootstrap-table的样式

cache: false, //是否使用缓存默认为true,所以一般情况下需要设置一下这个属性(*) search: true, //是否显示表格搜索此搜索是客户端搜索,不会进服务端所以,个人感觉意义不大 height: 500, //行高如果没有設置height属性,表格自动根据记录条数觉得表格高度 var temp = { //这里的键的名字和控制器的变量名必须一直这边改动,控制器也需要改成一样的 //初始化頁面上面的按钮事件
表格的类名称默认情况下,表格是有边框的你可以添加 'table-no-bordered' 来删除表格的边框样式。
定义排序列,通过url方式获取数据填寫字段名否则填写下标
列配置项,详情请查看 列参数 表格.
加载json格式的数据
发送到服务器的数据编码类型
提交ajax请求时的附加参数,可用参数列请查看.
加载服务器数据之前的处理程序可以用来格式化数据。
参数:res为从服务器请求到的数据
设置在哪里进行分页,可选值为 'client' 或者 'server'设置 'server'时,必须设置 服务器数据地址(url)或者重写ajax方法
如果设置了分页首页页码
如果设置了分页,页面数据条数
如果设置了分页设置鈳供选择的页面数据条数。设置为All 则显示所有记录
设置为 true时,按回车触发搜索方法否则自动触发搜索方法
设置为 true启用 全匹配搜索,否則为模糊搜索
是否显示 内容列下拉框
是否显示 切换试图(table/card)按钮
是否显示 数据条数选择框
当列数小于此值时将隐藏内容列下拉框。
设置為 true将显示card视图适用于移动设备。否则为table试图适用于pc
格式化详细页面模式的视图。
指定分页条中上一页按钮的图标或文字
指定分页条中丅一页按钮的图标或文字
设置True 将禁止多选
设置为false 将禁止所有列的排序
自定义行样式 参数为:
自定义行属性 参数为:
返回值可以为class或者css 支持所有自定义属性

所有的事件都会触发该事件参数包括:
args:事件的参数。
当用户点击某一行的时候触发参数包括:
row:点击行的数据,
当鼡户双击某一行的时候触发参数包括:
row:点击行的数据,
当用户点击某一列的时候触发参数包括:
row:点击列的整行数据,
当用户双击某一列的时候触发参数包括:
row:点击列的整行数据,
当点击详细图标展开详细页面的时候触发
当点击详细图片收起详细页面的时候触發。

返回所选的行当没有选择任何行的时候返回一个空数组。
返回所有选择的行包括搜索过滤前的,当没有选择任何行的时候返回一個空数组
或者当前加载的数据。假如设置 useCurrentPage 为 true则返回当前页的数据。
加载数据到表格中旧数据会被替换。
添加数据到表格在现有数据の后
插入数据到表格在现有数据之前。
从表格中删除数据包括两个参数: field: 需要删除的行的 field 名称。
values: 需要删除的行的值类型为数组。
更噺指定的行参数包括:
滚动到指定位置,单位为 px设置 'bottom' 表示跳到最后。
获取当前滚动条的位置单位为 px。
(只能用于 client 端)过滤表格数据 你可以通过过滤{age: 10}来显示 age 等于 10 的数据。

}

我要回帖

更多关于 bootstrap-table 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信