Javascript 保留DataTable中特定列的CSS以便打印
我正在使用带有打印插件的DataTables,在一个专栏中,我有一些shema,它在桌面上看起来不错,但当我打印它时,CSS被删除了 我的JS看起来像这样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
$('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
}
}
]
});
举个例子: