2016-04-22 2 views
-1

Я пытаюсь сделать очень простую страницу для предварительного просмотра моих записей в базе данных.Datatable не показывающий поиск & сортировка

Я хочу использовать datatable, чтобы сортировать &. Вот мой код:

<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> 

Но по какой-либо причине данные не работают, там нет функции поиска/сортировки. Что мне не хватает?

+0

Ваша таблица пуста без столбцов или данных, поэтому нет никакого поиска или сортировки доступны. –

+0

Я удалил tr & td, поэтому код короче. Но в реальном коде есть контент, хотя – RickyHalim

ответ

-1

Используйте один из кодовых блоков ниже, чтобы загрузить jQuery DataTables.

Например, используйте:

<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> 
Смежные вопросы