数据表未显示搜索和排序答案

【问题标题】：Datatable not showing search & sort数据表未显示搜索和排序
【发布时间】：2016-04-22 12:32:00
【问题描述】：

我正在尝试制作一个非常简单的页面来预览我在数据库中的记录。

我想使用数据表，以便进行排序和搜索。这是我的代码：

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

但由于某种原因，数据表无法正常工作，那里没有搜索/排序功能。我错过了什么？

【问题讨论】：

您的表是空的，没有列或数据，这就是没有搜索或排序可用的原因。
我删除了 tr & td 所以代码更短。但是实际代码中虽然有内容

标签： jquery datatables

【解决方案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>

【讨论】：