Datatables PDF Export Incomplete

Question

私は単純なhtmlテーブルを持っています。ページ区切りがオフになっているので、50行すべてがページに表示されます。優れた輸出は素晴らしい作品です。 PDFエクスポートでは、コンテンツの約3分の1のページしか表示されません。すべての行をエクスポートする簡単な方法はありますか？ページ番号がtrueに設定されていても、エクスポートはまだ不完全です。いくつかの研究をした後、私がしていることが働いているはずです。なぜ失敗して1ページしかエクスポートできないのか分かりません。

<script> 

$(document).ready(function() { 
$('#summary_table').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [ 
     'excelHtml5', 
        { 
      extend: 'pdfHtml5', 
      orientation: 'landscape', 
      pageSize:'LEGAL' 
     } 
    ], 
paging:false 

}); 
    }); 

</script> 

htmlが

<table class="display"> 
    <thead> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </thead> 
    <tr> 
     <th></th> 
     <th></th> 
     <th></th> 
    </tr> 
    <tr> 
     <th></th> 
     <th></th> 
     <th></th> 
    </tr> 
    . 
    . 
    . 
</table> 

Answer 1

のDataTableのサイトでは、との例があり、以下の

<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/pdfmake.min.js"></script> 
<script src="https://cdn.rawgit.com/bpampuch/pdfmake/0.1.27/build/vfs_fonts.js"></script> 

のCDN pdfmake

私は自分のコードから上記を削除し、代わりにcdnjsを使って0.1.32バージョンに置き換えました。 PDFボタンはすべてのページの完全な輸出を今作成しました！

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/pdfmake.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.32/vfs_fonts.js"></script> 

Answer 2

エクスポートする前に、設定ページの設定を、この構造を有しています。

protected void btnSubmit_Click(object sender, EventArgs e) 
     {  
      WebClient wc = new WebClient(); 
      string url = Request.Url.AbsoluteUri; 
      string fileContent = wc.DownloadString(url); 
      List<string> tableContents = GetContents(fileContent, table_pattern); 
      string HTMLString = String.Join(" ", tableContents.ToArray()); 
      Document pdfDoc = new Document(PageSize.A4, 10f, 10f, 10f, 0f); 
      PdfWriter.GetInstance(pdfDoc, Response.OutputStream);    
      pdfDoc.Open(); 
      pdfDoc.Add(new Paragraph("Welcome to dotnetfox")); 
      List<IElement> htmlarraylist = HTMLWorker.ParseToList(new StringReader(HTMLString), null); 
      for (int k = 0; k < htmlarraylist.Count; k++) 
      { 
       pdfDoc.Add((IElement)htmlarraylist[k]); 
      } 
      pdfDoc.Close(); 
      Response.ContentType = "application/pdf"; 
      Response.AddHeader("content-disposition", "attachment;" + 
              "filename=sample.pdf"); 
      Response.Cache.SetCacheability(HttpCacheability.NoCache); 
      Response.Write(pdfDoc); 
      Response.End();  
     } 
    } 

Answer 3

あなたのjsとcssについてはわかりません。これを試すことができます。ここでworking demo

<table id="example" class="display nowrap" cellspacing="0" width="100%"> 
     <thead> 
     <tr> 
      <th>Name</th> 
      <th>Position</th> 
      <th>Office</th> 
      <th>Age</th> 
      <th>Start date</th> 
      <th>Salary</th> 
     </tr> 
     </thead> 

     <tbody> 
     <tr> 
      <td>Tiger Nixon</td> 
      <td>System Architect</td> 
      <td>Edinburgh</td> 
      <td>61</td> 
      <td>2011/04/25</td> 
      <td>$320,800</td> 
     </tr> 

     </tbody> 
</table> 

$(document).ready(function() { 
    $('#example').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [ 
      'copyHtml5', 
      'excelHtml5', 
      'csvHtml5', 
      'pdfHtml5' 
     ], 
     paging: false 
    }); 
}); 

されており、これらのファイル

https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js https://cdn.datatables.net/buttons/1.4.0/js/dataTables.buttons.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.4.0/js/buttons.html5.min.js https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css https://cdn.datatables.net/buttons/1.4.0/css/buttons.dataTables.min.css