如何让dataTables在PHP中使用TableTools扩展
我在codeigniter中有一个视图,我正试图通过datatables和TableTools扩展来增强它。我使用的是datatables的1.94版。根据,需要2.1.5版的表格工具。我已经包括了这个。我正试图按照上面的和文章来让TableTools工作,但到目前为止还没有TableTools工具栏的迹象。我做错了什么 这是我的密码:如何让dataTables在PHP中使用TableTools扩展,php,jquery,codeigniter,datatable,Php,Jquery,Codeigniter,Datatable,我在codeigniter中有一个视图,我正试图通过datatables和TableTools扩展来增强它。我使用的是datatables的1.94版。根据,需要2.1.5版的表格工具。我已经包括了这个。我正试图按照上面的和文章来让TableTools工作,但到目前为止还没有TableTools工具栏的迹象。我做错了什么 这是我的密码: <table id="myDataTable"> <thead> <tr>
<table id="myDataTable">
<thead>
<tr>
<th>ROW</th>
<?php foreach($keys as $key): ?>
<th><?php echo $key; ?></th>
<?php endforeach; ?>
</tr>
</thead>
<tbody>
<?php $i=1; foreach($fulltable as $row): ?>
<tr id="<?php echo $i ?>">
<td><?php echo $i; ?></td>
<?php foreach($row as $cell): ?>
<td><?php echo $cell; ?></td>
<?php endforeach; ?>
</tr>
<?php $i++; endforeach; ?>
</tbody>
</table>
<!--jQuery-->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<!--DataTables CSS-->
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<!--DataTables-->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>
<!--DataTable tools-->
<script type="text/javascript" charset="utf8" src='//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/js/TableTools.min.js'></script>
<script type="text/javascript" charset="utf8" src='//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/js/ZeroClipboard.min.js'></script>
<link rel="stylesheet" type="text/css" href='//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/css/TableTools.min.css'>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#myDataTable').dataTable( {
"dom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "//cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/swf/copy_csv_xls.swf",
}
});
});
</script>
一行
TableTool插件是一个flash插件,因此客户端/浏览器需要安装flash。此外,请检查您在初始化对象的“tableTools”中指定的路径。缺少“http:”前缀。应该是:
“sSwfPath”:”
编辑:(另见下面我的评论)
只是为了更好地澄清
而不是:
ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js
使用
cdn.datatables.net/1.10.0/js/jquery.datatables.min.js
而不是:
cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/js/tabletools.min.js
使用
cdn.datatables.net/tabletools/2.2.1/js/datatables.tabletools.min.js
而不是:
cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/css/tabletools.min.css
使用
cdn.datatables.net/tabletools/2.2.1/css/datatables.tabletools.css
因此javascript部分应该是:
<!--jQuery-->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<!--DataTables CSS-->
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">
<!--DataTables-->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.min.js"></script>
<!--DataTable tools-->
<script type="text/javascript" charset="utf8" src='http://cdn.datatables.net/tabletools/2.2.1/js/dataTables.tableTools.min.js'></script>
<script type="text/javascript" charset="utf8" src='http://cdnjs.cloudflare.com/ajax/libs/datatables-tabletools/2.1.5/js/ZeroClipboard.min.js'></script>
<link rel="stylesheet" type="text/css" href='http://cdn.datatables.net/tabletools/2.2.1/css/dataTables.tableTools.css'>
您可能还需要检查链接到的零剪贴板。这也可能是错误的版本。谢谢你回复我。我已经做了您建议的更改,但仍然没有看到工具栏的迹象,flash是根据ok安装的。您似乎连接到了错误版本的javascript资源。如果您替换为:再次感谢skarist,我做了您推荐的更改。此时将显示工具栏,但除“打印”按钮外,其他按钮均不起作用。我看不出FireBug中有错误,我将问这个问题作为后续问题