2017-07-26 69 views
0

我正在使用DataTables打印按鈕,我無法使兩列打印相同。對於我打印的兩個網格,我都使用相同的按鈕設置,但一個網格將按原樣離開列標題,另一個將堆疊它們。DataTable打印按鈕格式化列標題

例如,代替「First Middle」這一列,它將是「First \ nMiddle」。

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'); 
     }, 
    } 
] 

這給我留下了a 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'); 
     }, 
    } 
] 

它提供了一個un-stacked column

我一直踢這個繞了幾個天,查看打印按鈕的所有屬性,但沒有任何東西似乎控制這一點。

回答

0

問題實際上是在表被填充。

這是堆疊失蹤

class="nowrap" 

作爲它的一部分表。