数据表下载xls / csv文件不能正常工作 [英] Data Tables download xls/csv file not working properly
本文介绍了数据表下载xls / csv文件不能正常工作的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想有3个按钮 - 下载csv，xls和pdf文件。在我的情况下，当我点击下载csv文件按钮，它保存与csv文件的扩展，但当我打开它是excel - 它不是逗号分隔的文件。 PDF下载按钮正常工作。 xls按钮不工作 - 它是不可点击的。我试着写这个代码：
I want to have 3 buttons - to download csv, xls and pdf file. In my case when I click on the download csv file button, it saves with extension of csv file, but when I open it it is excel - it's not comma separated file. PDF download button is working correctly. xls button does not work - it's not clickable at all. I tried to write this code:
"TableTools": {
"aButtons": [ {
"sExtends": "download",
"sButtonText": "Download XLS",
"sUrl": "/generate_xls.php"
}]
}
但是每个按钮都会下载excel文件。
But then each button download excel file.
这是我的代码：
<html>
<head>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.min.css" type="text/css" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//cdn.datatables.net/1.10.5/js/jquery.dataTables.min.js"></script>
<script src="https://www.datatables.net/release-datatables/media/js/jquery.js"></script>
<script src="https://www.datatables.net/release-datatables/media/js/jquery.dataTables.js"></script>
<script src="https://www.datatables.net/release-datatables/extensions/TableTools/js/dataTables.tableTools.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.2.0/ZeroClipboard.Core.min.js"></script>
<link rel="stylesheet"
href="https://www.datatables.net/release-datatables/media/css/jquery.dataTables.css" type="text/css" />
<script>
$(document).ready(function() {
$('#example').dataTable( {
"pagingType": "full_numbers",
"bSort": true,
"sDom": 'T<"clear">lfrtip',
"tableTools": {
"sSwfPath": "http://cdn.datatables.net/tabletools/2.2.2/swf/copy_csv_xls_pdf.swf",
aButtons: [
{ sExtends: "csv",
sFileName: 'download.csv',
sFieldSeperator: ","
},
{ sExtends: "xls",
sFileName: 'download.xls'
},
{ sExtends: "pdf",
sFileName: 'download.pdf'
}
]
}
} );
} );
</script>
<script>
$(document).ready(function() {
// Setup - add a text input to each footer cell
$('#example tfoot th').each( function () {
var title = $('#example thead th').eq( $(this).index() ).text();
$(this).html( '<input type="text" placeholder="Търси '+title+'" />' );
} );
// DataTable
var table = $('#example').DataTable();
// Apply the search
table.columns().eq( 0 ).each( function ( colIdx ) {
$( 'input', table.column( colIdx ).footer() ).on( 'keyup change', function () {
table
.column( colIdx )
.search( this.value )
.draw();
} );
} );
} );
</script>
<script>
</script>
</head>
<body>
<div class='col-md-8' id='student_results'>
<br/><br/>
<table id='example'>
<thead>
<tr><th>Потребител</th><th>Училище</th><th>Клас</th><th>Анкета</th><th>Въпрос</th><th>Отговор</th></tr>
</thead>
<tfoot>
<tr>
<th>Потребител</th>
<th>Училище</th>
<th>Клас</th>
<th>Анкета</th>
<th>Въпрос</th>
<th>Отговор</th>
</tr>
</tfoot>
<tbody>
<?php
foreach ($student_results as $row)
{
?>
<tr><td>
<?php echo $row->username; ?>
</td><td>
<?php echo $row->school; ?>
</td><td>
<?php echo $row->class; ?>
</td><td>
<?php echo $row->survey_id; ?>
</td><td>
<?php echo $row->question_id; ?>
</td><td>
<?php echo $row->answer; ?>
</td></tr>
<?php
}
?>
</table>
<table border='1' id='example'>
<tr><th>Въпрос</th><th>Среден резултат</th></tr>
<?php
foreach ($average_results as $row)
{
?>
<td>
<?php echo $row->question_id ; ?>
</td><td>
<?php echo round("$row->answer",2); ?>
</td></tr>
<?php
}
?>
</tbody>
</table>
</div>
</body>
</html>
推荐答案
当您使用此方法时，您需要定位所有所需的按钮。
You need to target all desired buttons, when you are using this approach. Just having a "xls" breaks it all up.
aButtons: [
{ sExtends: "csv",
sFileName: 'download.csv',
sFieldSeperator: "," //<--- example of how to set the delimiter
},
{ sExtends: "xls",
sFileName: 'download.xls'
},
{ sExtends: "pdf",
sFileName: 'download.pdf'
}
]
这篇关于数据表下载xls / csv文件不能正常工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
