【BootstrapTable】
csdnluolei
这个作者很懒,什么都没留下…
展开
-
BootstrapTable入门Demo
bootstrapTable是基于 Bootstrap 的 jQuery 表格插件,通过简单的设置,就可以拥有强大的单选、多选、排序、分页,以及编辑、导出、过滤(扩展)等等的功能。别的不多说,直接上代码,相信看完你对bootstrapTable的使用也有了进一步的认识,具体参数细节看官方文档。 bootstrapTable官方文档 bootstrapTable官方例子 全局CS...原创 2018-10-29 17:55:53 · 7850 阅读 · 4 评论 -
BootstrapTable分页参数
var p={};//分页p.page = params.data.offset / params.data.limit + 1;p.size = params.data.limit;原创 2019-01-27 14:09:50 · 1835 阅读 · 0 评论 -
BootstrapTable冻结表头(一)
BootstrapTable冻结表头,使用别人写的 JS,这种方法表头置顶后就不会动了。改正一个隐含的bug就是拉动滚定条时表头与数据列不对应。还有一种方法 BootstrapTable冻结表头(二)bootstrap-table-fixed-header的js和css下载 链接:https://pan.baidu.com/s/1d8qB1bldjhLEWQp6jsMBOQ 提取码:r5...原创 2019-01-16 16:09:18 · 7440 阅读 · 2 评论 -
bootstrap-table全选当前页所有数据checkAll
业务场景:客户之前要求将选中的样品的起始时间改为一样,现在改为默认改为修改当前页的所有数据$table.bootstrapTable('checkAll');$table.bootstrapTable('uncheckAll');全选中或反选中当前数据页所有行,选中的只是当前页的所有数据,并不是数据表的所有数据。官方例子 https://examples.bootstrap-ta...原创 2019-01-25 16:12:04 · 6837 阅读 · 0 评论 -
BootstrapTable冻结表头(二)
BootstrapTable冻结表头,这个方法根据客户需求,找了好久没找到合适的方法,第一次用的这种方法,BootstrapTable冻结表头(一)无意在正在开发的项目中发现了不知道那个大佬做的,挺不错的。记录一下一、冻结表头效果可能细心的你发现了,上面错位了,这个根据你的情况适当调整,看注释6 二、冻结表头demo2使用时要注意的有注释,共6条<!DOCTYP...原创 2019-01-18 10:02:13 · 9007 阅读 · 0 评论 -
Bootstrap Table列宽拖动的方法
Bootstrap Table可拖动列,需要用到它的Resizable扩展插件需要引入 bootstrap-table扩展插件 bootstrap-table-resizable.js这个插件还依赖于colResizable v1.6(下载地址: http://www.bacubacu.com/colresizable/ )<script type="text/javascri...转载 2019-01-07 09:59:54 · 13537 阅读 · 2 评论 -
BootstrapTable组件冻结列
bootstrapTable组件可以实现冻结表格table的左边几列,或右边几列实现原理:1、源码里面将thead和tbody分别封装成了一个单独的表格,修改后将thead和tbody放到了一个table里面;2、依次遍历冻结的列放入到固定的tbody里面;实例:本实例是冻结左侧几列,想要冻结右侧几列的看这篇使用时要注意的有注释,共3条index.html<!...原创 2018-12-25 10:39:23 · 8210 阅读 · 0 评论 -
BoostrapTable的refresh和refreshOptions区别
$("#table").bootstrapTable("refresh", { pageNumber: 1 });$("#table").bootstrapTable("refreshOptions", { pageNumber: 1 });refresh:从server端重新获取数据。refreshOptions:更新bootstrapTable options,并从server端获取数...原创 2018-12-20 16:21:35 · 6519 阅读 · 1 评论 -
BootstrapTable静态刷新表格
$("#table").bootstrapTable("refresh", { silent: true //静态刷新 });原创 2018-11-28 16:05:24 · 12910 阅读 · 6 评论 -
BootstrapTable分页(一)
bootstrapTable分页<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>bootstrap-table-demo-分页</title> <!-- 引入bootstrap样式 --> &原创 2018-11-17 19:48:10 · 3674 阅读 · 3 评论 -
BootstrapTable自定义ajax方法
bootstrapTable可以自定义ajax方法,通过ajax请求获得数据返回展示在bootstrapTable表格中,这种方式我自认为比较简单常用。本篇还加了简单增删改操作,获得表格选中的数据,以及按钮可用与否。这些比较常用。index.html<!DOCTYPE html><html> <head> <meta charse...原创 2018-11-17 19:18:24 · 22910 阅读 · 1 评论 -
获得BootstrapTable行号index
<!--bootstrap-table表格--><table id="table"> <thead style="background:#efefef;"> <tr> <th data-checkbox="true"></th> <th data-原创 2018-11-22 16:18:44 · 10476 阅读 · 0 评论 -
BootstrapTable 列隐藏
BootstrapTable 中我们想达到hidden的效果,该怎么做 <input type="hidden" id="id" name="id">BootstrapTable 中 隐藏列$('#table').bootstrapTable('hideColumn', 'id'); //隐藏列BootstrapTable 中 显示列$('#table').b...原创 2018-11-21 10:45:59 · 1715 阅读 · 0 评论 -
BootstrapTable分页(二)
看完上篇博客相信看完你对bootstrapTable的使用也有了进一步的认识,我们来看看bootstrapTable是怎么分页的先看页面 代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>bootstrap-table-...原创 2018-10-29 18:12:09 · 7246 阅读 · 1 评论 -
jQuery插件 treeTable V1.4.2 与 bootstrapTable整合
想做一个菜单管理,将菜单比较直观的展示出来,于是想到树,于是就在网上找看有没有树表,找了很多。比较起来感觉詹潮江的 jQuery插件 treeTable V1.4.2比较好用。最近老是用bootstrapTable用的很熟了,然后,将它与bootstrapTable整合,管理起来很方便。jQuery插件 treeTable V1.4.2链接:https://pan.baidu.com/s/...原创 2019-01-24 09:54:04 · 2796 阅读 · 1 评论