【问题标题】:Bootstrap table default sortingBootstrap 表默认排序
【发布时间】:2017-01-19 12:52:22
【问题描述】:

我使用引导表,并且第一列有默认排序。 如何更改默认列并选择另一个并使用(升序/降序)

【问题讨论】:

  • 欢迎来到SO,请参考mcve

标签: twitter-bootstrap


【解决方案1】:

您可以在表格中使用 data-sort-name 和 data-sort-order

例如:

<table data-toggle="table" data-sort-name="date" data-sort-order="desc">

文档在这里http://bootstrap-table.wenzhixin.net.cn/documentation/

【讨论】:

  • 你能提供一个jsfiddle吗?
  • "data-sort-name" 需要与 "data-field" 一起使用。例如:&lt;table data-toggle="table" data-sort-name="date" data-sort-order="desc"&gt; &lt;th data-field="date"&gt;Date&lt;/th&gt;
  • 只需确保在表级别添加数据切换,而不是 tr 或 td
【解决方案2】:

你可以使用

    defaultSorted={[{
             dataField: 'FIELD_NAME',
             order: 'asc'}]}
              

【讨论】:

    【解决方案3】:

    (可能现在回答为时已晚,但只是想帮助对方。) 尝试将其添加到您的脚本中

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

    参考:https://datatables.net/examples/basic_init/table_sorting.html

    【讨论】:

    • 您的答案可以通过添加有关代码的作用以及它如何帮助 OP 的更多信息来改进。
    猜你喜欢
    • 2017-10-30
    • 2015-11-21
    • 1970-01-01
    • 1970-01-01
    • 2012-05-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多