datatables默认排序(asc / desc)不起作用

时间:2018-05-01 10:40:16

标签: javascript jquery datatables

我尝试使用此

将数据提取到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>

为datatable添加了脚本,但它返回错误cannon重新初始化数据表

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

2 个答案:

答案 0 :(得分:1)

男性肯定&#34; id_user&#34;字段是&#34; int&#34; DB表中的数据类型。

然后尝试使用&#34; aaSorting&#34;。参考:http://legacy.datatables.net/release-datatables/examples/basic_init/table_sorting.html

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

答案 1 :(得分:1)

试试这个:

 <td>
   <?php echo $id ;?>
  </td>

只需从显示记录中删除

对于居中数据,您可以使用text-center bootstrap类