將數據導出到excel不在數據表中工作

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">',

然后從此鏈接下載“media”文件夾並粘貼到datagrid顯示的文件夾中

[注意：請在您的數據表顯示的頁面的精確路徑中提取並粘貼“media”文件夾。

Answer 2

為此你需要一個文件：

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