Jquery 如何为数据表启用响应扩展？

因此，文档中说我需要添加以下内容：

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css"> 

这是我的代码：

<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">

<script>
$(document).ready(function() {
    $('#example').dataTable( {
        "paging": false,
        responsive: true
    } );
} );
</script>

$（文档）.ready（函数（）{
$（'#示例'）。数据表（{
“分页”：false，
回答：对
} );
} );

它不起作用了

提前谢谢

---

这是桌子

问题是您忘记包含

dataTables.responsive.js

文件。此外，您在body中使用了

标记，这与您使用它的方式不符

请参阅以了解正确的初始化

建议将以下代码放在jQuery库

的

部分之后，以正确初始化数据表和响应扩展

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css"> 

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>

<!-- DataTables Responsive -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">
<script type="text/javascript" src="//cdn.datatables.net/responsive/1.0.5/js/dataTables.responsive.js"></script>

但是，如果您正在使用CMS，并且无法或不知道如何编辑

部分中的代码，您也可以将以下代码放在

中的任意位置

---

我在您的页面上看到您正在进行自己的表格样式设置，在这种情况下，您可以省略DataTables CSS。

如果您添加html代码，可能会有所帮助。您使用的DataTables版本是什么？我使用的是论坛软件。Jquery已包含在中。我回家后会试试这个。谢谢它不起作用，因为在您自己的CSS中，您有

div.container{min width:960px；}

，并且您的表被包装在

中。这就是为什么它不会变小的原因。根据您的布局，如果您删除

包装器，它就会工作。

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css"> 

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>

<!-- DataTables Responsive -->
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">
<script type="text/javascript" src="//cdn.datatables.net/responsive/1.0.5/js/dataTables.responsive.js"></script>

<!-- DataTables CSS -->
<link itemprop="css_datatables" type="text/css" href="//cdn.datatables.net/1.10.6/css/jquery.dataTables.css"> 

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.6/js/jquery.dataTables.js"></script>

<!-- DataTables Responsive -->
<link itemprop="css_datatables_responsive" type="text/css" href="//cdn.datatables.net/responsive/1.0.5/css/dataTables.responsive.css">
<script type="text/javascript" src="//cdn.datatables.net/responsive/1.0.5/js/dataTables.responsive.js"></script>