使用 bootstrapTable 加载数据失败

Question

我是 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。

Answer 1

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>

使用 bootstrapTable 加载数据失败

Loading data with bootstrapTable fails

javascript

jquery

twitter-bootstrap

dynamic-data