使用 bootstrapTable 加载数据失败
Loading data with bootstrapTable fails
我是 bootstrap 的新手,只是想复制几个将数据加载到 bootstrap table 的示例,但我的数据没有显示出来。这是来自 jsfiddle
的 html
<table class="table" id="table">
<thead>
<tr>
<th data-field="id">Item ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
这里是 javascript:
var $table = $('#table');
var mydata = [{
"id": 0,
"name": "test0",
"price": "[=11=]"
}];
$(function() {
$('#table').bootstrapTable(
data: mydata)
);
});
header 显示正常,但数据不正常。 Here 是 jsFiddle 的 link。
bootstrapTable 没有 bootstrap。你需要包括它。
https://jsfiddle.net/9g7c34rb/1/
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>
我是 bootstrap 的新手,只是想复制几个将数据加载到 bootstrap table 的示例,但我的数据没有显示出来。这是来自 jsfiddle
的 html<table class="table" id="table">
<thead>
<tr>
<th data-field="id">Item ID</th>
<th data-field="name">Item Name</th>
<th data-field="price">Item Price</th>
</tr>
</thead>
</table>
这里是 javascript:
var $table = $('#table');
var mydata = [{
"id": 0,
"name": "test0",
"price": "[=11=]"
}];
$(function() {
$('#table').bootstrapTable(
data: mydata)
);
});
header 显示正常,但数据不正常。 Here 是 jsFiddle 的 link。
bootstrapTable 没有 bootstrap。你需要包括它。
https://jsfiddle.net/9g7c34rb/1/
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script>
<!-- Latest compiled and minified Locales -->
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.min.js"></script>