使用dataTable需要哪些文件？

我尝试初始化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>

来源

2012-02-06 Spirit

请发布HTML表格 – 472084 2012-02-06 14:21:11

我会检查一下。谢谢。 – Spirit 2012-02-06 14:24:46

在我看来，有头文件泄漏。我将他们的标题重新制作成我的。结果是[它之前有效]它[在我的更改后不起作用]。 – Spirit 2012-02-06 15:16:03

你只需要两个文件来初始化：

的jQuery（不过你想要把它列入）;其次是
jquery.dataTables.js（或缩小版本）。

如果没有合适的CSS（为了方便排序图标而添加各种跨度），您的表格会显得很疯狂，但它们不是必需的。他们只是风格。

如果它没有用这两个文件和一个$('#myTable').dataTable()调用（在文档就绪函数中）进行初始化，那么其他事情正在进行，您将需要查看JavaScript控制台以查看引发了哪些错误。

这是他们jsbin环境：http://live.datatables.net/olofeg

没有CSS，只是两个JS文件，一个结构良好的表，并要求从文档准备功能dataTable()。

来源

2012-02-06 19:23:25

要使用的数据表，你有很多选择，一种可能是已经形成的阱（用<thead>和<tbody>）HTML表 “改造”

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

来源

2012-02-06 14:28:47

不，在添加头部，身体，文档类型标签后无法使用。 – Spirit 2012-02-06 14:45:00

可能取决于文件夹结构。 – Spirit 2012-02-06 14:48:07

@Anton当然这个代码要求alle文件位于相同的文件夹（demo_table.css，demo_page.css，jquery.dataTables.js，jquery.js和html文件） – 2012-02-06 15:24:41

必须调用javascript中的dataTable函数

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

来源

2012-02-06 15:06:25

我研究了一整天。据推测，jQuery被大量人使用，但是我找不到一个'Single'博客，它说明了将所有“最低限度”的内容导入到您的html/jsp中的利用jQuery数据表功能......因此，我有编成如下一个小的html页面此（这是完全工作的东西，所以请从这里开始，并建立它自己的方式..）

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
 
    "http://www.w3.org/TR/html4/loose.dtd"> 
 
<html lang="en"> 
 
<head> \t \t 
 
\t <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script> 
 
\t <script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script> 
 
\t <link rel="stylesheet" href="https://cdn.datatables.net/1.10.2/css/jquery.dataTables.min.css"> 
 
\t  
 
\t <script type="text/javascript"> 
 
\t \t $(document).ready(function() { 
 
\t \t \t $("#companies").dataTable({ 
 
\t \t \t \t "sPaginationType": "full_numbers", 
 
\t \t \t \t "bJQueryUI": true 
 
\t \t \t }); 
 
\t \t }); 
 
\t </script> 
 
</head> 
 
\t 
 
    <body id="dt_example"> 
 
     <div id="container"> 
 
      <div id="demo_jui"> 
 
       <table id="companies" class="display"> 
 
        <thead> 
 
         <tr> 
 
          <th>Company name</th> 
 
          <th>Address</th> 
 
          <th>Town</th> 
 
         </tr> 
 
        </thead> 
 
        <tbody> 
 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <th>Atlassian</th> 
 
\t \t \t \t \t \t \t <th>Paramatta</th> 
 
\t \t \t \t \t \t \t <th>Sydney</th> 
 
\t \t \t \t \t \t </tr> 
 
\t \t \t \t \t \t <tr> 
 
\t \t \t \t \t \t \t <th>Oracle</th> 
 
\t \t \t \t \t \t \t <th>Whitefield</th> 
 
\t \t \t \t \t \t \t <th>India</th> 
 
\t \t \t \t \t \t </tr> 
 
        </tbody> 
 
       </table> 
 
     </div> 
 
     </div> 
 
    </body> 
 
</html>

来源

2016-08-02 18:28:06

使用dataTable需要哪些文件？

回答

相关问题