2017-07-26 42 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" 

作为它的一部分表。