當使用datatables.net導出爲pdf時設置列寬

Question

嗨我有這張表，我想導出，但一列的寬度是如此之長，當內容只是短暫的，它使佈局看起來不好時，它在導出時使用從datatables.net代碼導出爲PDF IM這裏是我的代碼

$(document).ready(function() { 
    var currentDate = new Date() 
    var day = currentDate.getDate() 
    var month = currentDate.getMonth() + 1 
    var year = currentDate.getFullYear() 

    var d = day + "-" + month + "-" + year; 
    $('#detailTable').DataTable({ 
     dom: 'Bfrtip', 
     buttons: [{ 
      extend: 'excelHtml5', 
      title: d + ' Purchase Orders' 
     }, { 
      extend: 'csvHtml5', 
      title: d + ' Purchase Orders' 
     }, { 
      extend: 'pdfHtml5', 
      title: d + ' Purchase Orders', 
      orientation: 'landscape', 
      pageSize: 'LEGAL', 
      exportOptions: { 
       columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] 
      } 
     }] 
    }); 
}); 

是有辦法，我可以設置特定列的寬度？在此先感謝

Answer 1

您可以使用customize回調來修改PDFmakes的「樣式字典」。如果你想強制＃2列是100px或最大100px寬度，這樣做：

{ 
    extend: 'pdfHtml5', 
    title: d + ' Purchase Orders', 
    orientation: 'landscape', 
    pageSize: 'LEGAL', 
    exportOptions: { 
    columns: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] 
    }, 
    //-------------------------- 
    customize : function(doc) { 
    doc.styles['td:nth-child(2)'] = { 
     width: '100px', 
     'max-width': '100px' 
    } 
    } 
} 

這將通過CSS樣式規則

td:nth-child(2) { 
    width: 100px; 
    max-width: 100px; 
} 

到PDFmake。查看文檔 - >http://pdfmake.org/#/gettingstarted去節「風格詞典」