Bootstrap表添加行以划分表

时间:2019-10-14 16:02:43

标签: twitter-bootstrap html-table bootstrap-4 frontend bootstrap-table

因此,我使用Bootstrap-Table制作了表格,并从API加载了数据。我想插入具有二进制属性的数据,所以这是一个没有出现在任何列中的属性,但是每一行代表具有该属性的数据。我将举一个例子:

Example table

问题是,首先,我不知道如何从后端加载数据,因此我将这两行分别插入“具有property_6”和“没有property_6”。第二,我需要其中一列是可排序的,以便它们仍然符合这两个属性。

在代码中,我正在使用HTML:

<table id="table" class="table order-list">
          <thead class="thead-dark">
            <tr>
              <th data-field="property_1">Property 1</th>
              <th data-field="property_2" data-sortable="true">Property 2</th>
              <th data-field="property_3">Property 3</th>
              <th data-field="property_4">Property 4</th>
              <th data-field="property_5">Property 5</th>
            </tr>
          </thead>
        </table>

在javascript中,我有:

var $table = $('#table').bootstrapTable({
        method: 'get',
        url: '/api/get_data/'
});

是的,除了我不知道如何实现这两个功能之外,其他所有功能都可以正常工作。 谢谢。

0 个答案:

没有答案