印刷用DataTableの特定の列のCSSを維持する

Question

印刷用プラグインと1列にDataTablesを使用しています。私はデスクトップでうまくいくシーマを持っていますが、印刷するとCSSが削除されます。

この

$('table').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
     extend: 'print', 
     customize: function(win) { 
     $(win.document.body) 
      .css('font-size', '10pt'); 

     $(win.document.body).find('table') 
      .addClass('compact') 
      .css('font-size', 'inherit'); 
     }, 
     exportOptions: { 
     columns: ':visible' 
     } 
    }, 
    'colvis' 
    ] 
}); 

全例がここhttps://jsfiddle.net/eza27o58/

シェマは、ユーザー名の下にユーザー列になっているように私のJSが見えます。

シーマ全体が見えるように、印刷用にその列のCSSを保持する方法はありますか？

Answer 1

exportOptionsでstripHtmlをfalseに設定します。 CSSは削除されませんでした。削除されたdivタグとstrongタグです。

$('table').DataTable({ 
    dom: 'Bfrtip', 
    buttons: [{ 
     extend: 'print', 
     customize: function(win) { 
     $(win.document.body) 
      .css('font-size', '10pt'); 

     $(win.document.body).find('table') 
      .addClass('compact') 
      .css('font-size', 'inherit'); 
     }, 
     exportOptions: { 
     columns: ':visible', 
     stripHtml: false 
     } 
    } 
    ] 
}); 

あなたの例のフォーク：https://jsfiddle.net/snxb9ay0/