Bootstrap table简单使用总结

发布时间：2020-12-18 00:41:21 所属栏目：安全来源：网络整理

导读：最近接触一个很棒的插件，Bootstrap table没做过前端的表示对table的印象还只停留在html的table标签那一套，用过bootstrap table之后不得不说真的很实用。构造方式 1 、HTML //定义一系列工具栏... 2 、 js构造：结合官网上展示的Table options，Column op

最近接触一个很棒的插件，Bootstrap table没做过前端的表示对table的印象还只停留在html的table标签那一套，用过bootstrap table之后不得不说真的很实用。

构造方式

1 、HTML

//定义一系列工具栏...

2 、 js构造：

结合官网上展示的Table options，Column options，Events，Methods可以完成很多功能。上面的data-formatter ，data-events就是Column options中的选项。

data-formatter

和

data-events

要实现如下效果，用上面两个option配合使用即可，一个定义格式，一个定义点击的操作。

直接上js代码

服务器分页/客户端分页的转换，table刷新

bootstrap默认是客户端分页，可通过html标签

或者js中的

指定。注意

有事需要根据情况改变分页方式，就要用到Methods中的 ‘refreshOptions' //设置更新时候的options ‘refresh' //设置更新时的url,query(往后台传参数)

//传到后台的参数
});

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!