自定义排序问题 - 空值应始终位于底部

Question

我正在尝试根据自定义要求对数据表进行排序，其中我需要将空/空值推到底部。 我创建了数据表，其中有年龄和薪水列，我在某些行中将数据保留为空。当用户单击“年龄”或“薪水”列时，空值应始终保留在底部以进行升序或降序排序。我已经使用了方法并覆盖排序

$.fn.dataTable.ext.oSort

另外，如果有数字、空/空和文本..如何先对数字值排序，然后对文本排序，然后将空值推到底部。

我在下面提供了带有数据的测试用例的链接。 Js小提琴

Answer 1

我能够找到如何在进行升序或降序排序时将空值始终推到底部的解决方案。我正在为其提供 jsfiddle。但现在我想对有 numeric 、 string 和空值的同一列进行排序。首先，我想仅对数值进行排序，然后对字符串进行排序，最后将空推到表的底部。我用数据为其创建了 JSfiddle。请帮助我。

$(文档).ready(function() { $.fn.dataTable.ext.errMode = '无'; // 停止弹出数据表错误警报。

    $.fn.dataTable.ext.oSort['nullsort-asc']  = function(a,b) {
        console.log("asc val of:" + a + ":val of y:" + b);
          //return sortNumbersIgnoreText(a, b, Number.POSITIVE_INFINITY);
    if(a == "")
            return 1;
    if(b == "")
            return -1;
        return ((a < b) ? -1 : ((a > b) ? 1 : 0));
    };
    $.fn.dataTable.ext.oSort['nullsort-desc']  = function(a,b) {
    if(a == "")
            return 1;
        if(b == "")
            return -1;
        return ((a < b) ? 1 : ((a > b) ? -1 : 0));
    // return sortNumbersIgnoreText(a, b, Number.NEGATIVE_INFINITY) * -1;
    };

    $('#example').DataTable({
        //"aaSorting": [[3,'asc']],
      columnDefs: getColumnDef()
    });
} );

带有数据的表格的 HTML 代码：

<table id="example" class="display" cellspacing="0" width="100%">
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Salary</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
      <th>Age</th>
      <th>Salary</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Tiger Nixon</td>
      <td>System Architect</td>
      <td>Edinburgh</td>
      <td></td>
      <td>$320,800</td>
    </tr>
    <tr>
      <td>Garrett Winters</td>
      <td>Accountant</td>
      <td>Tokyo</td>
      <td>63</td>
      <td></td>
    </tr>
    <tr>
      <td>Cedric Kelly</td>
      <td>Senior Javascript Developer</td>
      <td>Edinburgh</td>
      <td>22</td>
      <td>$433,060</td>
    </tr>
    <tr>
      <td>Airi Satou</td>
      <td>Accountant</td>
      <td>Tokyo</td>
      <td></td>
      <td>$162,700</td>
    </tr>
    <tr>
      <td>Brielle Williamson</td>
      <td>Integration Specialist</td>
      <td>New York</td>
      <td>61</td>
      <td></td>
    </tr>
    <tr>
      <td>Herrod Chandler</td>
      <td>Sales Assistant</td>
      <td>San Francisco</td>
      <td>59</td>
      <td>$137,500</td>
    </tr>
    <tr>
      <td>Rhona Davidson</td>
      <td>Integration Specialist</td>
      <td>Tokyo</td>
      <td>55</td>
      <td>$327,900</td>
    </tr>
    <tr>
      <td>Colleen Hurst</td>
      <td>Javascript Developer</td>
      <td>San Francisco</td>
      <td>39</td>
      <td>$205,500</td>
    </tr>
    <tr>
      <td>Sonya Frost</td>
      <td>Software Engineer</td>
      <td>Edinburgh</td>
      <td>A</td>
      <td>$103,600</td>
    </tr>
    <tr>
      <td>Jena Gaines</td>
      <td>Office Manager</td>
      <td>London</td>
      <td>30</td>
      <td>$90,560</td>
    </tr>
     <tr>
      <td>ADam Gaines</td>
      <td>Office Manager</td>
      <td>London</td>
      <td>Denis</td>
      <td>$90,560</td>
    </tr>
     <tr>
      <td>nancy Gaines</td>
      <td>Office Manager</td>
      <td>London</td>
      <td>zibra</td>
      <td>$90,560</td>
    </tr>
    <tr>
      <td>James Gaines</td>
      <td>Office Manager</td>
      <td>London</td>
      <td>capital</td>
      <td>$90,560</td>
    </tr>
  </tbody>
</table>

JsFiddle