{hero}

orderDescReverse

自:DataTables 2.1

当使用 desc 订购时,控制初始数据订购是否反转。

描述

当 DataTables 对表中的数据进行排序(例如通过终端用户与表头的交互,或使用 order()),它总会在应用新的排序要求之前,将数据还原为最初加载它们的顺序。这样做是为了确保在列之间切换时,数据的排序 100% 确定且独立(请注意,DataTables 排序是 稳定的)。

此外,当排序设置为“降序”(desc)时,DataTables 会反转原始数据顺序。这意味着,如果在升序和降序排序之间不断切换,您将看到行反转。

在某些情况下,原始数据顺序的反转可能不理想,特别是如果您希望 DataTables 中的排序像在 Excel 中一样工作,而此选项提供了一种禁用此行为的方法。

此选项的效果仅在对正在排序的列中的匹配数据时可见。考虑以下表

T1 T2
A 1
A 2
A 3

以下内容显示了从初始排序状态(按第一列升序)切换到反转状态(按第一列降序)时,启用和禁用 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
});

相关

以下选项直接相关,在您的应用程序开发中也可能有用。