[英]DataTables Print button not working, prints a blank page
我正在一個使用DataTables插件從數據庫構造單詞表的項目。 這是我用來創建表格的功能。
var word_data_filtered = filterWordData(filter_states);
words_table = $("#words_generated").DataTable({
"data" : word_data_filtered,
"columns" : columns,
"aLengthMenu": [[25, 50, 100, 200, -1],
[25, 50, 100, 250, "All"]],
"pageLength": 100,
dom: "lBftipr",
buttons: [
'print',
]
});
按鈕是DataTables的附加插件/附加組件。 因此,實際上我將復制並粘貼文件頭中包含的各種腳本的主要部分,部分原因是如果丟失了我想知道的內容。
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//cdn.datatables.net/1.10.7/js/jquery.dataTables.min.js">
</script>
<script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/tabletools/2.2.4/css/dataTables.tableTools.min.css"/>
<script src="https://cdn.datatables.net/tabletools/2.2.4/js/dataTables.tableTools.min.js"></script>
<script src="https://cdn.datatables.net/tabletools/2.2.4/swf/copy_csv_xls_pdf.swf"></script>
<script src="https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js"></script>
所以現在我在頁面上顯示了一個“打印”按鈕。 但是在我的Chrome瀏覽器中,“打印”按鈕不起作用。
單擊后,將打開一個新選項卡,並將Google chrome的打印面板設置在表格頂部。 但是,打印面板會提示您打印空白頁。 打印預覽顯示空白頁(嗯,頂部有一個標題,僅此而已)打印面板下的表看起來與我網頁上的表完全一樣,所以我假設我已經做了一些實際打印出整個表格的方式。
但是還是。 我真的不知道為什么會這樣,我不確定如何進一步進行
打印視圖按鈕將獲取表中顯示的數據的副本(基於exportOptions參數中提供的選擇器選項),並構造一個新的臨時表,該表將顯示在新窗口中。
我認為您可能需要指定exportOptions
,以指示打印按鈕應打印什么表數據。
我遇到了同樣的問題,結果發現在打開的新頁面中,您具有來自父頁面的所有CSS。 在我的CSS中,我發現此定義將隱藏所有要打印的內容:
@media print {
body * {
visibility: hidden;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.