私は、DataTablesプラグインを使用してデータベースから単語の表を作成するプロジェクトに取り組んでいます。これは私のテーブルを作成するために使用する関数です。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>
ここでは、ページに表示される「印刷」ボタンがあります。しかし、私のクロームブラウザでは、印刷ボタンは機能しません。
クリックすると、テーブルの上にGoogle Chromeの印刷パネルが設定された新しいタブが開きます。ただし、空白のページを印刷するよう印刷パネルに指示されます。印刷プレビューには空白のページが表示されます(上にヘッダーがあります)。印刷パネルの下の表は、Webページの表とまったく同じように見えるので、私はそれをいくつか作ったと仮定していますテーブル全体を実際に印刷する方法について説明します。
まだありません。私はこれがどうして起こっているのか分からず、さらに進む方法がわからない