Javascript 保留DataTable中特定列的CSS以便打印

Javascript 保留DataTable中特定列的CSS以便打印,javascript,jquery,html,css,datatables,Javascript,Jquery,Html,Css,Datatables,我正在使用带有打印插件的DataTables,在一个专栏中,我有一些shema,它在桌面上看起来不错,但当我打印它时,CSS被删除了 我的JS看起来像这样 $('table').DataTable({ dom: 'Bfrtip', buttons: [{ extend: 'print', customize: function(win) { $(win.document.body) .css('font-size', '10pt

我正在使用带有打印插件的DataTables,在一个专栏中,我有一些shema,它在桌面上看起来不错,但当我打印它时,CSS被删除了

我的JS看起来像这样

$('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'
  ]
});
这里有完整的例子

Shema位于用户名下的User列中

是否有办法保留该列的CSS以供打印,从而使整个shema可见?

在exportOptions中设置为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
      }
    }
  ]
});
举个例子: