按索引指定的列排序 bootstrap table

Question

默认情况下 bootstrap table 使用第一列排序。可以使用 data-sort-name="column_name" data-sort-order="asc/desc" 更改此设置，如此处 link.

在我的方案中，列名称是基于 python 脚本动态创建的。因此 data-sort-name 选项没有帮助。

是否可以指定我希望默认排序由列索引完成的列？

  <table id="table_example"
     class="table table-striped"
     data-toggle="table"
<thead>
  <tr>
    {% for col in column_names %}
    <th>{{col}}</th>
    {% endfor %}
  </tr>
</thead>
<tbody>
{% for row in row_data %}
    <tr>
    {% for col, row_ in zip(column_names, row) %}
    <td>{{row_}}</td>
    {% endfor %}
    </tr>
  {% endfor %}
</tbody>

Answer 1

我通过在列索引 1 中添加以下脚本解决了这个问题：

 <script>
    $(document).ready(function () {
      $('#table_example').DataTable({
      "order": [[ 1, "desc" ]]
      });
    });
  </script>

按索引指定的列排序 bootstrap table

Sort bootstrap table by column specified with index

html

javascript

bootstrap-4