|
@@ -21,11 +21,11 @@
|
|
|
|
|
|
|
|
---
|
|
---
|
|
|
|
|
|
|
|
-The Bootstrap Table plugin displays data in a tabular format, via data attributes or JavaScript.
|
|
|
|
|
|
|
+通过 data 属性或者 JavaScript 来启用 Bootstrap Table 插件,显示丰富的功能。
|
|
|
|
|
|
|
|
-## Via data attributes
|
|
|
|
|
|
|
+## 通过 data 属性的方式
|
|
|
|
|
|
|
|
-Activate bootstrap table without writing JavaScript. Set `data-toggle="table"` on a normal table.
|
|
|
|
|
|
|
+无需编写 JavaScript 启用 bootstrap table,我们对普通的 table 设置 `data-toggle="table"` 即可。
|
|
|
|
|
|
|
|
```html
|
|
```html
|
|
|
<table data-toggle="table">
|
|
<table data-toggle="table">
|
|
@@ -51,7 +51,7 @@ Activate bootstrap table without writing JavaScript. Set `data-toggle="table"` o
|
|
|
</table>
|
|
</table>
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-We can also use remote url data by setting `data-url="data1.json"` on a normal table.
|
|
|
|
|
|
|
+我们也可以通过设置远程的 url 如 `data-url="data1.json"` 来加载数据。
|
|
|
|
|
|
|
|
```html
|
|
```html
|
|
|
<table data-toggle="table" data-url="data1.json">
|
|
<table data-toggle="table" data-url="data1.json">
|
|
@@ -65,9 +65,9 @@ We can also use remote url data by setting `data-url="data1.json"` on a normal t
|
|
|
</table>
|
|
</table>
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-## Via JavaScript
|
|
|
|
|
|
|
+## 通过 JavaScript 的方式
|
|
|
|
|
|
|
|
-Call a bootstrap table with id table with JavaScript.
|
|
|
|
|
|
|
+通过表格 id 来启用 bootstrap table。
|
|
|
|
|
|
|
|
```html
|
|
```html
|
|
|
<table id="table"></table>
|
|
<table id="table"></table>
|
|
@@ -97,7 +97,7 @@ $('#table').bootstrapTable({
|
|
|
});
|
|
});
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
-We can also use remote url data by setting `url: 'data1.json'`.
|
|
|
|
|
|
|
+我们也可以通过设置远程的 url 如 `url: 'data1.json'` 来加载数据。
|
|
|
|
|
|
|
|
```js
|
|
```js
|
|
|
$('#table').bootstrapTable({
|
|
$('#table').bootstrapTable({
|