bootstrap table Card View 卡片视图模式

bootstrap table Card View 卡片视图模式

bootstrap table分页时保持选择状态,非常有用的功能

设置maintainSelected为true可以保持选中状态,当用户点击下一页然后再次返回上一页时还可以保持选中状态,不管是客户端分页还是服务器端分页都支持该属性。非常实用的功能,实际应用中通常需要在好几个分页中来回查找需要删除或者审核的数据,有了这个属性就不用一页一页的来回切换了。

bootstrap table clickToSelect、ignoreClickToSelectOn、singleSelect、checkboxHeader详细说明

bootstrap table单选多选等选择行相关设置,通常配合字段列的checkbox属性使用,完整代码如下。

bootstrap table idField和selectItemName

ootstrap Table idField和selectItemName设置选择选中。这个和直接调用bootstrap table选中行接口有什么区别呢?其实这两个属性就是配合jquery的from serialize用,jquery的serialize()方法可以把from表单系列化成一个对象,如果不清楚serialize()方法作用可以先搜索一下相关文章,var data = $(form).serialize()。

bootstrap table escape显示html标签

如果数据中包含input等html标签,Bootstrap Table不会直接显示,而是让浏览器直接解析这些标签。input会显示成输入框,通过设置escape属性为true,这些html标签就会被转义直接显示。

bootstrap table smartDisplay的作用

bootstrap table可以通过pageSize和pageList来设置表格每页固定显示多少条数据,用户通过pageList来选择每页显示多少条数据。这通常会遇到一个问题,假设你设置每页显示10条数据,那么表格的高度就是固定的如500px

showPaginationSwitch开启显示和关闭分页按钮

showPaginationSwitch开启显示和关闭分页按钮,该属性需要配合pagination(开启分页)使用,效果图如下。

select2去除搜索框不显示刷选框

select2有一个属性minimumResultsForSearch,当下拉列表项大于等于这个数时会出现一个搜索刷选框

设置bootstrap table footerStyle表格底部样式

上一篇我们讲解了通过showFooter和footerFormatter来显示表格底部。这节我们通过footerStyle来设置底部行每一列的样式,footerStyle支持设置style内联样式和定义class名称。通过以下代码设置StockNum列的class为 classex、ProductName列为红色。

bootstrap table 服务器端分页

bootstrap table 服务器端分页,时间开发中我们通常是在服务器端来实现分页,比如你数据库有100万数据,不可能把100万数据都发送到前端,通过前端分页。bootstrap table 实现服务器端分页需要以下三个步骤。

Minirefresh上拉加载更多数据

Minirefresh手指往上滑动时自动加载更多数据,直到没有数据。下面例子演示了每次上拉加载50条数据,达到一定数据后提示没有更多数据。

artDialog方法列表

artDialog提供了关闭、显示、隐藏修改标题设置大小等方法,使用方法如下。

jquery弹出层插件artDialog使用手册

artDialog是一款功能强大又非常漂亮的jquery弹窗插件,浏览器兼容性好支持IE6+, Firefox, chrome, Opera, Safari,本教程将介绍如何快速入门使用artDialog。

jquery slideToggle 抖动闪烁的问题

最近在用slideToggle做div展开和收缩时发现会有抖动的情况,非常影响用户体验在网上搜的也没找到方案。 !DOCTYPE html 改成 !DOCTYPE html PUBLIC "-//W3

ag-grid配置教程

ag-grid是一款功能和性能强大外观漂亮的表格插,ag-grid几乎能满足你对数据表格所有需求。固定列、拖动列大小和位置、多表头、自定义排序等等各种常用又必不可少功能。

bootstrap table查询搜索配置

bootstrap table查询搜索指的是表格内容前端搜索,而不是查询数据库进行搜索,如果要对数据库服务端进行搜索可以queryParams属性相对应的教程。bootstrap table表格搜索可以通过以下属性进行设置。

minirefresh.js下拉无反应的问题

有的朋友说为什么我的minirefresh.js下拉无反应呢?首先我们要搞清楚为什么minirefresh.js下拉有反应,minirefresh.js可以设置下拉多少给PX执行刷新,可以有下拉动画,所以下拉实际就是用户下拉了下面代码中ID等于mrefresh的DIV。简而言之下拉无反应有以下几种原因:

bootstrap table前端分页

前端分页就是一次把所有数据从服务器返回给网页,通过JS进行分页,用户点击下页不会发送新的请求到服务器。bootstrap table前端分页 需要用到以下属性。

bootstrap table Response Handler数据预处理

bootstrap table 在服务器返回数据成功后,会回调responseHandler事件,利用responseHandler事件可以在表格渲染之前,对数据进行修改。如对日期进行格式把2019/1/1 12:10:1 转换成2019-01-01 12:10:01格式或者把浮点数18.12345格式化成18.12。

Bootstrap Table固定表头并美化表头

Bootstrap Table要固定表头只需要设置高度就可以实现,但是滚动条引起的效果实在不美观,如下图