bootstrap-table：最初のデフォルトソートの変更

Question

ソート可能な列を初めてクリックすると、 'asc'でソートされます。どうすれば 'desc'に変更できますか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet"/> 
 
<table id="table" data-toggle="table"> 
 
    <thead> 
 
      <tr> 
 
       <th data-field="id" data-sortable="true">Item ID</th> 
 
       <th data-field="name" data-sortable="true">Item Name</th> 
 
       <th data-field="price" data-sortable="true">Item Price</th> 
 
      </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr><td>3</td><td>first</td> <td>5.4</td></tr> 
 
     <tr><td>1</td><td>second</td><td>7.8</td></tr> 
 
     <tr><td>2</td><td>third</td><td>2.1</td></tr> 
 
    </tbody> 
 
</table>

Answer 1

あなたはそれをソートする順序を指定する必要があります。追加してみてください：

data-sort-order="desc" 

Answer 2

ちょうどあなたの<th>にdata-order='desc'を追加し、あなたが行ってもいいでしょう：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.11.1/bootstrap-table.min.css" rel="stylesheet"/> 
 
<table id="table" data-toggle="table"> 
 
    <thead> 
 
      <tr> 
 
       <th data-order='desc' data-field="id" data-sortable="true">Item ID</th> 
 
       <th data-order='desc' data-field="name" data-sortable="true">Item Name</th> 
 
       <th data-order='desc' data-field="price" data-sortable="true">Item Price</th> 
 
      </tr> 
 
    </thead> 
 
    <tbody> 
 
     <tr><td>3</td><td>first</td> <td>5.4</td></tr> 
 
     <tr><td>1</td><td>second</td><td>7.8</td></tr> 
 
     <tr><td>2</td><td>third</td><td>2.1</td></tr> 
 
    </tbody> 
 
</table>