第一次记录Bootstrap table学习笔记（1）

第一次接触Bootstrap Table插件，记录一下学习笔记，分享给感兴趣的小伙伴们。

在开始之前，先引入Bootstrap和Bootstrap Table所需的CSS和JS文件。

```html

```

接着，需要引入相关的JavaScript库。包括JQuery库、Bootstrap库以及Bootstrap Table的JS文件。为了支持中文，还需要引入对应的语言文件。

```html

```

现在，可以启用Bootstrap Table插件了。有两种方式可以启用该插件：

方式一：通过data属性的方式

```html

```

方式二：通过JavaScript的方式

```html

```

然后通过JavaScript代码进行初始化：

```javascript

$('table').bootstrapTable({

columns: [

{ field: 'id', title: 'Item ID' },

{ field: 'name', title: 'Item Name' },

{ field: 'price', title: 'Item Price' }

],

data: [ //也可以直接通过ajax获取数据

{ id: 1, name: 'Item 1', price: '$1' },

{ id: 2, name: 'Item 2', price: '$2' }

]

});

```

```javascript

$('table').bootstrapTable({