2017-07-05 69 views
0

當我寫「數據表中未顯示打印

print 

"$(function() { 
     $("#example1").DataTable(
      { 
       dom: 'Bfrtip', 
       buttons: [ 
        { 
         extend: 'print', 
         text: 'Print current page', 
         autoPrint: false 
        }] 
      } 
     ); 
     $("#structure_field-add-form").validate({}); 
    });" 

這不會使打印按鈕一個使用它,我怎麼能解決這個問題嗎?喜歡的圖片輸出

enter image description here

+0

你正在進出雙引號,打破字符串。我很驚訝你沒有收到語法錯誤。 – aynber

+0

沒有任何實際的代碼我沒有雙引號 $(函數(){ $( 「#示例1」)數據表( { DOM: 「Bfrti」, 按鈕: 「打印」] } ); $(「#structure_field-add-form」)。validate({}); }); –

回答

0

難道你把所需的所有JS文件?

請檢查此鏈接https://datatables.net/extensions/buttons/examples/initialisation/simple.html

您必須添加以下JS文件。

https://cdn.datatables.net/buttons/1.3.1/js/dataTables.buttons.min.js 
//cdn.datatables.net/buttons/1.3.1/js/buttons.flash.min.js 
//cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js 
//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js 
//cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js 
//cdn.datatables.net/buttons/1.3.1/js/buttons.html5.min.js 
//cdn.datatables.net/buttons/1.3.1/js/buttons.print.min.js 

另請檢查以下代碼。這是我在我的項目中使用的數據表按鈕的工作示例。

var table1 = $('#task-table').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'csv','excel','selectAll','selectNone', 
      { 
       extend: 'copy', 
       text: 'COPY ALL', 
       className: 'pull_right', 
       exportOptions: { 
        modifier: { 
         page: 'all' 
        } 
       } 
      } 
     ], 
     columnDefs: [ { 
      orderable: false, 
      className: 'select-checkbox', 
      targets: 0, 
      checkboxes: { 
       'selectRow': true 
      } 
     } ], 
     select: { 
      style: 'multi', 
      selector: 'td:first-child' 
     }, 
     order: [[ 1, 'asc' ]], 
     "iDisplayLength" : 20, 
    });