orderDescReverse

控制當使用 desc 排序時，初始資料排序是否反轉。

描述

當 DataTables 對表格中的資料進行排序時（例如，透過最終使用者與表格標頭的互動，或使用 order()），它總是會將資料恢復到最初載入時的順序，然後再套用新的排序要求。這樣做的目的是為了確保資料排序在列之間切換時是 100% 確定且獨立的（請注意 DataTables 排序是穩定的）。

除此之外，當排序設定為「遞減」（desc）時，DataTables 會反轉原始資料順序。這意味著如果您不斷在遞增和遞減排序之間切換，您將看到行反轉。

在某些情況下，這種反轉原始資料順序可能不是理想的，特別是如果您希望 DataTables 中的排序像 Excel 一樣工作，此選項提供了一種禁用該行為的方法。

此選項的效果僅在您要排序的列中具有匹配的資料時才會看到。考慮以下表格

以下顯示當從初始排序狀態（第一欄遞增）進展到反轉（第一欄遞減）時，啟用和停用 orderDescReverse 會發生什麼情況。由於第一欄中的資料都相同，此選項會產生影響。

  <table style="width:100%">
    <tr>
      <td></td>
      <td>
        Initial order (<code>[0, 'asc']</code>)
      </td>
      <td>
        Reverse order (<code>[0, 'desc']</code>)
      </td>
    </tr>
    <tr>
      <td>
        <code>orderDescReverse: true</code>
      </td>
      <td>
        <table style="margin: 0 auto; width: 50%">
          <tr>
            <td>A</td>
            <td>1</td>
          </tr>
          <tr>
            <td>A</td>
            <td>2</td>
          </tr>
          <tr>
            <td>A</td>
            <td>3</td>
          </tr>
        </table>
      </td>
      <td>
        <table style="margin: 0 auto; width: 50%">
          <tr>
            <td>A</td>
            <td>3</td>
          </tr>
          <tr>
            <td>A</td>
            <td>2</td>
          </tr>
          <tr>
            <td>A</td>
            <td>1</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <code>orderDescReverse: false</code>
      </td>
      <td>
        <table style="margin: 0 auto; width: 50%">
          <tr>
            <td>A</td>
            <td>1</td>
          </tr>
          <tr>
            <td>A</td>
            <td>2</td>
          </tr>
          <tr>
            <td>A</td>
            <td>3</td>
          </tr>
        </table>
      </td>
      <td>
        <table style="margin: 0 auto; width: 50%">
          <tr>
            <td>A</td>
            <td>1</td>
          </tr>
          <tr>
            <td>A</td>
            <td>2</td>
          </tr>
          <tr>
            <td>A</td>
            <td>3</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

類型

此選項可以採用以下類型：

• 布林值

預設值

• 值： true

範例

new DataTable('#myTable', {
	orderDescReverse: false
});

相關項目

以下選項直接相關，也可能對您的應用程式開發有所幫助。