bootstraptable添加行_3分钟内看完这,bootstraptable表格控件,受益匪浅！

今天分享一下bootstraptable的相关技能点，由于第一次接触，所以刚开始碰了好多壁，于是趁现在过去不久，先总结总结。

Bootstraptable简单的来说就是一个表格控件，但是这个表格可不是一般的表格，分页、排序、查询都自带了，你就给他一个json数据就可以了。

接下来我们就看看怎么用：

1.先在页面中引入所需的js文件和css文件

<link rel="stylesheet" href="bootstrap.min.css">

2.在我们所需要展示数据的表格上加个id，或者class都可以，在这里我以id为例。

"table">table>

3.接下来就是给表格里面加数据了，我们可以在加载当前页面时利用ajax去请求控制器，查询所需要的数据，然后放在一个集合中，转换成json格式就可以了。

下面是js中相关代码：

function () {

4.后台查询数据的代码(以asp mvc为例)：

控制器是：HomeController

请求数据的方法：

//查询所有的案件信息

下面是演示图(数据随便填的)：

对了，另外结合layui使用更好用哦，时候不早了，明天在说结合layui使用的方法。

往期内容推荐

layui如何实现添加数据时关闭页面层，并实时刷新表格数据？

2020-06-01

你不知道ADO.Net中操作数据库的步骤【超详细整理】

2020-05-30

Photoshop中将图片拖不进软件的编辑区的解决方法，超详细

2020-05-29

eclipse下载与安装步骤详解，包含解决错误(最全最详细，多图)

2020-05-28

Boostrap技能点整理之【按钮样式】

2020-05-27

Boostrap技能点整理之【网格系统】

2020-05-26