установить ширину столбца при экспорте в pdf при использовании datatables.net

Question

hi У меня есть эта таблица, которую я хотел экспортировать, но ширина одного столбца настолько длинная, когда содержимое только короткое, и это делает макет не выглядящим хорошим, когда он экспортируются в PDF им с использованием кодов из datatables.net при экспорте и вот мой код

$(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

Вы можете использовать обратный вызов , чтобы изменить словарь словаря 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 пойти на раздел «Стиль словарей»