Bootstrap表 - 多排序扩展中的sortPriority不起作用 [英] Bootstrap table - sortPriority in multiple-sort extension doesn't work

问题描述

我使用 bootstrap-table 和多重排序扩展。在这个 jsfiddle 正在工作的扩展。在我的表中，第一列的初始顺序是错误的（看起来没有执行初始排序），我不知道为什么。

I use bootstrap-table and multiple-sort extension. In this jsfiddle is working extension. In my table initial order of first column is wrong (looks like initial ordering is not executed) and I don't know why.

jsfiddle

html

<table class="table table-striped table-bordered table-hover" cellspacing="0" id="table3" data-show-columns="true" data-show-multi-sort="true" data-sort-priority='[{"sortName":"CustomerName","sortOrder":"desc"}]'>
   <thead>
      <tr>
         <th data-field="CustomerName" data-sortable="true">CustomerN</th>
         <th data-field="ProjectName" data-sortable="true">ProjectN</th>
         <th data-field="ProjectType" data-sortable="true">ProjectT</th>
         <th data-field="ProjectDetails" data-sortable="true">ProjectD</th>
      </tr>
   </thead>
   <tbody>
      <tr>
         <td>Capital Corporation</td>
         <td>Services SOW #1</td>
         <td>Project | T&amp;M</td>
         <td>"Inani fabulas nominavi sea no.\n"+ 
            "Ad quodsi luptatum expetenda eum, sed ludus dicam\n"+ 
            "nominati te, reque causae prompta eos ex. Putent \n"+
            "torquatos mei ei. Te verear offendit per. Vix eu erant\n"+ 
            "doctus delenit, et copiosae indoctum accommodare eum.\n"+ 
            "Errem tritani in qui, te vis legere saperet corpora.\n"+ 
            "Eu mei nobis pertinacia, in has putent virtute voluptua,\n"+ 
            "ne probo dicta utinam nam."
         </td>
      </tr>
      <tr>
         <td>GE Capital Corporation</td>
         <td>Services SOW #1</td>
         <td>Project | T&amp;M</td>
         <td>"Inani fabulas nominavi sea no.\n"+ 
            "Ad quodsi luptatum expetenda eum, sed ludus dicam\n"+ 
            "nominati te, reque causae prompta eos ex. Putent \n"+
            "torquatos mei ei. Te verear offendit per. Vix eu erant\n"+ 
            "doctus delenit, et copiosae indoctum accommodare eum.\n"+ 
            "Errem tritani in qui, te vis legere saperet corpora.\n"+ 
            "Eu mei nobis pertinacia, in has putent virtute voluptua,\n"+ 
            "ne probo dicta utinam nam."
         </td>
      </tr>
      <tr>
         <td>Corporation</td>
         <td>Services SOW #1</td>
         <td>Project | T&amp;M</td>
         <td>"Inani fabulas nominavi sea no.\n"+ 
            "Ad quodsi luptatum expetenda eum, sed ludus dicam\n"+ 
            "nominati te, reque causae prompta eos ex. Putent \n"+
            "torquatos mei ei. Te verear offendit per. Vix eu erant\n"+ 
            "doctus delenit, et copiosae indoctum accommodare eum.\n"+ 
            "Errem tritani in qui, te vis legere saperet corpora.\n"+ 
            "Eu mei nobis pertinacia, in has putent virtute voluptua,\n"+ 
            "ne probo dicta utinam nam."
         </td>
      </tr>
   </tbody>
</table>

javascript

$('#table3').bootstrapTable({
});

推荐答案

您可以传递初始配置选项，以便排序是当表在jQuery中初始化时完成，如下所示：

You can pass the initial configuration options so that sorting is done when the table is initialised in jQuery itself like this:

$(function(){
  $('#table3').bootstrapTable(
  {"sortName": "CustomerName","sortOrder":"desc"});
});

如果你在初始化表时没有传递任何排序选项，它将不会做任何事情，除了启用排序。

If you do not pass any sorting options when you are initialising the table it won't do anything except enabling sort.

使用 JSFiddle 。

这篇关于Bootstrap表 - 多排序扩展中的sortPriority不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！