javascript - 数据表默认列排序

标签 javascript php datatables

我有这张表:

<table id="datatable" class="table table-striped table-bordered">
  <thead>
    <tr>
     <th>ID</th>
     <th>Agent</th>
     <th>TWWID</th>
     <th>Start Date</th>
     <th>Issue</th>
     <th>Comment</th>
     <th>Overview</th>
     <th>Action</th>
     <th>TL</th>
     <th>Qfinity ID</th>
     <th>MSISDN</th>                    
    </tr>
   </thead>

<tbody>
<?php
//get records from database
$sql_list = "SELECT * FROM `coaching`";
$sql_list_result = $mysqli->query($sql_list);

 if($sql_list_result->num_rows > 0){ 
   while($row = $sql_list_result->fetch_assoc()){ ?>
  <tr>
    <td><?php echo $row['ID']; ?></td>
    <td><?php echo $row['Agent']; ?></td>
    <td><?php echo $row['TWWID']; ?></td>
    <td><?php echo $row['Start_Date']; ?></td>
    <td><?php echo $row['Issue']; ?></td>
    <td><?php echo $row['Comment']; ?></td>
    <td><?php echo $row['Overview']; ?></td>
    <td><?php echo $row['Action']; ?></td>
    <td><?php echo $row['TL']; ?></td>
    <td><?php echo $row['Qfinity_ID_1']; ?></td>
    <td><?php echo $row['MSISDN']; ?></td>
    </tr>
     <?php } }else{ ?>
     <tr><td colspan="5">Nema brojeva u bazi.....</td></tr>
     <?php } ?>

</tbody>        
</table>

在此表中,我有可排序的 heders,第一列默认排序为 ASC,但我希望第三列默认排序为 DESC。

我在我的 .php 中包含这个 js (//cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js)

然后我在 .php 中添加这个脚本

<script>
$(document).ready(function() {
    $('#datatable').DataTable( {
        "aaSorting": [[ 3, "desc" ]]
    } );
} );
</script>

我的表格仍然按第一列 [ID] 排序

如何更改默认排序?

最佳答案

我遇到了同样的问题,我用以下代码解决了它。请尝试是否有帮助:

<script>
 $(document).ready(function() {
  $('#datatable').DataTable( {
    "order": [[ 3, "desc" ]]
  });
 });
</script>

关于javascript - 数据表默认列排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50966796/

相关文章:

c# - 如何获取 asp.net 页面上元素的样式

mysql - nginx 上的 PHP-FPM 无法连接到外部 MySQL

javascript - 当单元格包含逗号时数据表发出警告

javascript - AngularJS 监视服务变量

javascript - DataTables 无法加载ajax 数据源对象

javascript - Socket.io 有两个 Node 应用程序?

php - 如何使用 HTML-CSS 将一个图像叠加在另一个具有透明效果的图像上

找不到 php-cpp zend/php.h

Angular 数据表 - 刷新表

javascript - 如何在jquery数据表行添加功能中传递html