Javascript 使用dataTable需要哪些文件？

我试图初始化DataTable，但做不到

<style type="text/css" title="currentStyle">
    @import "demo_page.css";
    @import "demo_table.css";
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>

@导入“demo_page.css”；
@导入“demo_table.css”；

怎么了

是否需要表格的结构

是否需要数据

第1栏
数据

---

要使用datatable，您有很多选择，一种可能是使用格式良好的HTML表（带有

和

）进行“转换”

@import“demo_page.css”；
@import“demo_table.css”；
第1栏
数据
//初始化数据表
（函数（$）{
$（“#示例”）.dataTable（）；
});

必须在javascript中调用dataTable函数

<script type="text/javascript">
    $(document).ready(function(){
        $("example").dataTable();
    });
</script>

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

您只需要两个文件即可初始化：

jQuery（不管您希望如何包含它）；接

jquery.dataTables.js（或缩小版）

如果没有合适的CSS，您的表看起来会很疯狂（添加了各种跨度以方便排序图标），但它们不是必需的。它们只是一种时尚

如果它没有使用这两个文件和

$（'#myTable'）.dataTable（）

调用（在document ready函数中）初始化，则会发生其他情况，您需要查看JavaScript控制台以查看抛出了哪些错误

在他们的jsbin环境中：

没有CSS，只有两个JS文件，一个格式良好的表，并从document ready函数调用

dataTable（）

我研究了一整天。据推测，jQuery是由大型 有很多人，但我找不到一个写着什么的博客 所有要导入到html/jsp中的“最低限度”内容 使用jQuery数据表功能。。。因此我有 将其编译成一个小的html页面，如下所示（这完全是 工作的东西，所以请从这里开始，按照你的方式来构建它……）

$（文档）.ready（函数（）{
$（“#公司”）。数据表({
“sPaginationType”：“完整编号”，
“bJQueryUI”：真的吗
});
});
公司名称
地址
城镇
大西洋
帕拉马塔
悉尼
神谕
怀特菲尔德
印度

这可能取决于文件夹结构。@安东当然，这段代码要求所有文件都在同一文件夹中（demo_table.css、demo_page.css、jquery.dataTables.js、jquery.js和html文件），但不仅仅是这些文件。：）我不知道哪一个可能我们必须遵循“他们的”文件夹结构。@安东当然你必须遵循他们的结构。.结构必须反映在你的

@import

和

src

属性中。我的意思是demo\u page.css，demo\u table.css，jquery.js和jquery.dataTables.js对于DataTable的初始化是不够的。在我看来，头文件有漏洞。我把他们的头球改成了我的。结果是[它在我的更改之前工作]它[在我的更改之后不工作]。您的一行“数据”就足够了。您不需要有服务器端数据源或类似的东西，除非您已将参数传递到请求资源的dataTable函数中。

<style type="text/css" title="currentStyle">
    @import "demo_page.css";
    @import "demo_table.css";
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<table id="example">
   <thead>
       <tr>
           <th>Column 1</th>
       </tr>
    </thead>
    <tbody>
        <tr>
            <td>data</td>
        </tr>
    </tbody>
</table>
<script type="text/javascript">
//initialize datatables
    (function($){
       $('#example').dataTable();
    });
 </script>

<script type="text/javascript">
    $(document).ready(function(){
        $("example").dataTable();
    });
</script>