Bootstrap Table – 从 JSON 对象属性加载数据

Question

我正在尝试使用 Bootstrap Table.[=17= 在我返回的 JSON 的属性中使用数组填充 table ]

数据结构如下：

{
  "table":[
    {
      "entry_page_type": "Home",
      "operating_system": "Mac",
      "conversion_rate": 0.55
    },
    {
      "entry_page_type": "Collection",
      "operating_system": "Mac",
      "conversion_rate": 0.21
    },
    ...
  ]
}

到目前为止，我已经尝试使用 technique mentioned in this answer 来展平 JSON（JSON.flatten 是在外部定义的）：

<script>
function responseHandler(res) {
  var flat_array = [];
  $.each(res, function(i, element) { 
    flat_array.push(JSON.flatten(element));
  });
  return flat_array;
}
</script>

<table id="data-table" class="table table-striped" data-url="data/conversion-rate.json" data-toggle="table" data-response-handler="responseHandler">
  <thead>
  <tr>
    <th data-field="table.entry_page_type" data-sortable="true">Entry Page</th>
    <th data-field="table.operating_system" data-sortable="true">OS</th>
    <th data-field="table.conversion_rate" data-sortable="true">Conversion Rate</th>
  </tr>
  </thead>
</table>

table 在每个单元格中显示“-”。我需要更改什么才能像正常数据一样检索 table 属性？我是否应该事先手动检索 table 数组并将其作为数据源加载？

Answer 1

您只需将 responseHandler 更新为：

responseHandler: function (res) {
    return res.table;
}

有个例子：http://issues.wenzhixin.net.cn/bootstrap-table/#issues/353.html.

Bootstrap Table – 从 JSON 对象 属性 加载数据

Bootstrap Table – Loading Data from JSON Object Property

json

bootstrap-table

Bootstrap Table – 从 JSON 对象属性加载数据