bootstrap table取消全选事件,onUncheckAll事件返回取消全选前已选中的数据和全选后的数据。
在表格的前端应用中点击列名进行排序,是一个非常重要的功能,常用的场景比如点击列顺序或者倒序查看销量、库存、用户量等。bootstrap table提供了列的sortable属性来进行排序非常简单,把需要排序的列属性sortable设置成true即可。
Bootstrap Table Column的相关列属性和设置例如field、title、titleTooltip、width、class等属性,要使用Bootstrap Table首先要定义列,一般我们如下进行列的定义。
bootstrap table全选的事件,onCheckAll事件返回全选前已选中的数据和全选后的数据。
bootstrap table取消选择的事件,onUncheck事件返回取消选择行的数据和被点击的元素对象。
当bootstrap table表格有滚动条的情况下,拖动滚动条时执行的onScrollBody事件。
bootstrap table刷新按钮事件,当然开启了showRefresh:"true"显示刷新按钮,用户点击刷新按钮事件执行onRefresh事件。
当bootstrap table开启选择列时用户点击复选框而产生的事件,onCheck事件返回选择行的数据和被点击的元素对象。
我们使用Bootstrap Table 来做表格相关开发时,通常可能遇到这种情况需要显示的列很多让用户自己选择要显示那些列。这时Bootstrap Table通过设置showColumns属性为tru
当点击排序列时bootstrap table的事件,通过onSort排序事件我们可以得到被点击的列字段名和排序方式desc asc。
双击单元格并获取该单元格对应的数据时,我们可以使用bootstrap table onDblClickCell事件。
当我们想获取用户点击的是那个单元格并获取该单元格对应的数据时,我们可以使用bootstrap table onClickCell事件。
bootstrap table用户点击行时的事件,事件名称 onDblClickRow,返回参数如下。
bootstrap table 事件顾名思义就是bootstrap table表格的各种操作事件,如点击行、双击行、加载数据成功、排序刷新等等各种事件。
bootstrap table onClickRow点击行事件
bootstrap table icons 图标相关设置
通过bootstrap table的toolbar和buttonsToolbar属性可以把网页其他元素插入到bootstrap table的容器里,而不用自己写div布局,我们先通过下图来说明以下bootstrap table的功能区域。
bootstrap table detailView详情视图模式,当一个表格要显示很多列时(比如有20多列)通过电脑屏幕的宽度是一下子显示不了所有的列,这时有两种处理方法
bootstrap table Card View 卡片视图模式
设置maintainSelected为true可以保持选中状态,当用户点击下一页然后再次返回上一页时还可以保持选中状态,不管是客户端分页还是服务器端分页都支持该属性。非常实用的功能,实际应用中通常需要在好几个分页中来回查找需要删除或者审核的数据,有了这个属性就不用一页一页的来回切换了。