數據表不顯示搜索和排序

-1

我想做一個非常簡單的頁面來預覽我的記錄在數據庫中。數據表不顯示搜索和排序

我想使用數據表，所以我可以排序&搜索。這裏是我的代碼：

<head> 
    <script data-rocketsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/rocketscript"></script> 
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/> 
    <script type="text/rocketscript" data-rocketsrc="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js"></script> 
</head> 

<body> 
    <table id="myTable" class="display" cellspacing="0" width="100%"> 
    </table> 
    <script type="text/rocketscript"> 
    $(document).ready(function(){ 
     $('#myTable').DataTable(); 
    }); 
    </script> 
</body>

但由於某種原因datatable不起作用，那裏沒有搜索/排序功能。我錯過了什麼？

來源

2016-04-22 RickyHalim

你的表是空的，沒有列或數據，這就是爲什麼沒有搜索或排序可用。 –

我刪除了tr＆td，所以代碼更短。但是實際代碼中有內容 – RickyHalim

-1

使用下面的任一代碼塊來加載jQuery數據表。

例如，使用：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js" type="text/javascript"></script> 
<script src="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js" type="text/javascript"></script>

或使用data-cfasync="false"屬性：

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.css"/> 
<script data-cfasync="false" type="text/rocketscript" data-rocketsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> 
<script data-cfasync="false" type="text/rocketscript" data-rocketsrc="https://cdn.datatables.net/t/dt/dt-1.10.11/datatables.min.js"></script>

來源

2016-04-23 13:47:16

數據表不顯示搜索和排序

回答

相關問題