Question

在head：

之间添加此行之后，

导出数据和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 prop：

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

我可以在桌子上看到tableTools按钮，但是，它们无法正常工作

Answer 1

首先使用jquery datable 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">',

然后下载＆＃34;媒体＆＃34;此链接中的文件夹并粘贴到datagrid显示的文件夹

[注意：请提取并粘贴＆＃34;媒体＆＃34;精确路径中的文件夹，显示数据表所在的页面。]

Answer 2

为此您需要一个文件：

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 example - setting SWF path

将数据导出到excel不在数据表中工作

2 个答案: