Question

我正在尝试使用Bootstrap Table在我返回的JSON的属性中使用数组填充表。

数据的结构如下：

{
  "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>

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

Answer 1

您只需将responseHandler更新为：

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

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

引导表 - 从JSON对象属性加载数据

1 个答案: