Javascript HTML数据表不工作

我一直在尝试在我正在从事的一个web应用程序项目中使用datatables。 无法显示数据表，我只看到html表的显示方式，而不使用任何库。 我尝试在本地主机上创建一个全新的文件夹并使用datatables。 但还是什么都没发生。 谁能告诉我哪里弄错了

文件
$（文件）。准备好了吗
(
函数（）
{
$（'#TEST'）.DataTable（）；
} 
);




121221
121221
121221
121221
121221
121221
121221
121221
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验
试验

看起来您正在调用

$（document）.ready（）甚至不加载jQuery。在加载
datatables.min.js
脚本之前，在下面添加这一行


演示

以下是您的代码与JSFIDLE上的相关代码的对应关系：

您还可以通过从以下位置下载jQuery来承载自己的副本：
问题是表的格式不正确-您需要数据表的“thead”元素，然后，行应该在“tbody”中，因此类似于以下内容：

<table id="TEST" >
    <thead>
      <tr>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
        <th>121221</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
        <td>TEST</td>
      </tr>
      ... other rows
   </tbody>
</table>


121221
121221
121221
121221
121221
121221
121221
121221
试验
试验
试验
试验
试验
试验
试验
试验
... 其他行
请在下面找到。。。
参考这里



文件
$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
} );




名称
位置
办公室
年龄
开始日期
薪水
老虎尼克松
系统架构师
爱丁堡
61
2011/04/25
$320,800
加勒特温特斯