javascript - 数据表默认排序(升序/降序)不起作用

Question

我尝试使用此方法将数据提取到 mysql 表

$query=$conn->query("SELECT * FROM users ORDER BY id_user ASC");

这是我的表结构

用户

id_user  | INT auto-increment
username | varchar
password | varchar
nama     | varchar
role     | varchar
status   | SET

但是显示的数据顺序是这样的 1,10,11,12,13,2,3,4,5,6,7,8,9(数据库中有13条数据)

编辑:要显示的完整代码

<table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="example">
        <thead>
            <tr>
                <th align="center">ID</th>
                <th align="center">Username</th>
                <th align="center">Nama</th>
                <th align="center">Role</th>
                <th width="13%" align="center">Status</th>      
                <th width="7%" align="center">Edit</th> 
                <th width="8%" align="center">Hapus</th>
            </tr>
        </thead>
        <?php
        $query=$conn->query("SELECT * FROM users ORDER BY id_user ASC");
        while($row=$query->fetch()){
            $id=$row['id_user'];
            $name=$row['username'];
            $nama=$row['nama'];
            $role=$row['role'];
            $status=$row['status'];
        ?>  
        <tr>
            <td>
                &nbsp;<?php echo $id ;?>
            </td>
            <td>
                &nbsp;<?php echo $name ;?>
            </td>
            <td>
                &nbsp;<?php echo $nama ;?>
            </td>
            <td>
                &nbsp;<?php echo $role ;?>
            </td>
            <td>
                &nbsp;<?php echo $status ;?>
            </td>
            <td>
                <a href="edituser.php?id=<?php echo $id;?>"><button class="alert-success">Edit</button></a>
            </td>
            <td>
              <a href="deleteuser.php?id=<?php echo $id;?>&role=<?php echo $role;?>" onclick="return confirm('Apa anda yakin akan menghapus user ini?');"><button class="alert-success">Delete</button></a></td>
            </td>
        </tr>
        <?php }?>
    </table>

为数据表添加了脚本，但它返回错误，无法重新初始化数据表

    $(document).ready(function (){
    var table = $('#example').dataTable({
   "order": [[ 0, 'asc' ]]
   });    
  });

Answer 1

确定数据库表中“id_user”字段的数据类型为“int”。

然后尝试使用“aaSorting”。引用:http://legacy.datatables.net/release-datatables/examples/basic_init/table_sorting.html

$(document).ready(function() {
    $('#example').dataTable( {
        "aaSorting": [[ 0, "asc" ]]
    } );
} );