3

在头部之间添加此行后，导出数据和 TableTools 对我不起作用：

<script type="text/javascript" language="javascript" src="../../components/dataTables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="../../components/dataTables/media/js/ZeroClipboard.js"></script>
<script type="text/javascript" language="javascript" src="../../components/dataTables/media/js/TableTools.js"></script>

并在此更改表 id 道具：

$('#myTable').dataTable({
   "sDom": '<"clear">lfrtipT'
});

我可以在桌子上看到 tableTools 按钮，但是它们不起作用

4

2 回答 2

6

首先使用 jquery datatable js 1.9（请查看下面的链接，您可以在其中下载此 js），然后使用下面的代码查看数据表

$('#example').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers",
"oTableTools": {
"aButtons": [
{
'sExtends':'csv',
"sFileName": "subscribers_"+GetTodayDate()+".csv",
'mColumns':[0,1]
},
{
'sExtends':'pdf',
"sFileName": "subscribers_"+GetTodayDate()+".pdf",
'mColumns':[0,1] 
},
]
},
"sDom": '<"H"Tlfr>tip<"F">',
"aoColumns":
[
{ "bSearchable": false },
null,
{ "bSortable": false, "bSearchable": false },
]
});

请记住导出到 excel 的主要代码如下，这是在上面的代码中添加的

"oTableTools": {
"aButtons": [
{
'sExtends':'csv',
"sFileName": "subscribers.csv",
'mColumns':[0,1]
},
{
'sExtends':'pdf',
"sFileName": "subscribers.pdf",
'mColumns':[0,1] 
},
]
},
"sDom": '<"H"Tlfr>tip<"F">',

然后从此链接下载“媒体”文件夹并粘贴到数据网格显示的文件夹中

[注意：请将“媒体”文件夹提取并粘贴到您的数据表显示的准确路径中。]

于 2014-04-11T08:39:40.513 回答
1

为此，您将需要一个文件：

  1. copy_csv_xls_pdf.swf

你会在这里得到它：Google Datatable SWF
试试下面的代码：

$(document).ready( function () {
    $('#myTable').dataTable( {
        "sDom": '<"clear">lfrtipT',
        "oTableTools": {
              "sSwfPath" : "swf/copy_csv_xls_pdf.swf"
        }
    });
});

其中将sSwfPath值设置为copy_csv_xls_pdf.swf文件的绝对路径。

查看此链接了解更多信息：TableTools 示例 - 设置 SWF 路径

于 2012-12-20T13:15:24.480 回答