DataTable印刷ボタン列ヘッダーのフォーマット

Question

DataTablesの[印刷]ボタンを使用していますが、両方の列を同じにするのに問題があります。私は印刷する両方のグリッドに対して同じボタン設定を使用しますが、1つのグリッドはそのまま列ヘッダーを残し、もう1つはスタックします。

たとえば、「First Middle」という列の代わりに、「First \ nMiddle」となります。

他の印刷ボタンに比べて、 a stacked column

で私を残し

buttons: [ 
    { 
     extend: 'print', 
     className: 'printButtonDetailOnly', 
     exportOptions: { 
      columns: ':visible', 
     }, 
     title: 'I stack, sad face' 
     customize: function (win) { 
      $(win.document.body) 
     .css('font-size', '18pt'); 

      $(win.document.body).find('table') 
       .addClass('compact') 
       .css('font-size', 'inherit'); 
     }, 
    } 
] 

：

私はいくつかのために、この周りを蹴ってきた un-stacked column

を提供

buttons: [ 
    { 
     extend: 'print', 
     exportOptions: { 
      columns: ':visible' 
     }, 
     title: 'I do not stack! Yay!', 
     customize: function (win) { 
      $(win.document.body) 
     .css('font-size', '18pt'); 

      $(win.document.body).find('table') 
       .addClass('compact') 
       .css('font-size', 'inherit'); 
     }, 
    } 
] 

印刷ボタンのすべてのプロパティを調べると、何も変わらないようです。

Answer 1

問題は、実際に表が移入されていることでした。

積み重ねたテーブルは、その一部として

class="nowrap" 

がありませんでした。