javascript - jQuery dataTable 使用 ajax 加载数据进行排序

Question

我有几行包含一些延迟加载的数据。例如，

    <table border="1">
      <tr>
          <th>Employee</th><th>Sales</th>
      </tr>
      <tr>
          <td>Michale</td><td>1000</td>
      </tr>
      <tr>
          <td>Kim</td><td id="kimSales"></td>
      </tr>
      <tr>
          <td>John</td><td id="johnSales"></td>
      </tr>
    </table>

问题是，由于某些原因，我必须在页面加载后检索一些数据。假设 kimSales 为 1500，johnSales 为 2500。

<script>
    $(document).on('ready', function(e){
         $('#kimSales').text(1500);
         $('#johnSales').text(2500);
    })     
</script>

在这种情况下，我想使用延迟加载的数据进行正确排序。要知道，jQuery dataTable 具有通过点击列标题进行排序的功能，如 https://datatables.net我无法正确排序这些数据。排序后的数据不是升序，或者是dsc ---可能是dataTable在加载数据后无法识别。

我尝试过:

<script>
    $(document).on('ready', function(e){
         $('#kimSales').text(1500);
         $('#johnSales').text(2500);
    })

    table.dataTable(); // not properly working
</script>

Answer 1

希望你想实现基于第二列的排序。在表初始化代码中尝试使用您喜欢的排序技术 [asc,desc]

 $('table').DataTable( {
        "order": [[ 1, "desc" ]]
    } );