在DataTable中保留特定列的CSS用于打印
Keep CSS of certain column in DataTable for print
我使用的是带有打印插件的数据表,在一列中,我有一些在桌面上看起来不错的模式,但当我打印它时,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'
]
});
完整的例子在这里https://jsfiddle.net/eza27o58/
schema在User列下。
是否有办法保持该列的CSS打印,使整个架构是可见的?
在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/
相关文章:
- 将CSS应用于printWindow.print();在Javascript中
- CSS中的游标属性似乎不适用于USB On The Go
- HTML/CSS-用于拖放的全页面覆盖
- 如何将CSS(特别是填充/边距)应用于select下拉菜单的选项或optgroup
- Phonegap css height%不适用于android 4.2-4.3
- css是从远程node.js添加的,但不适用于html页面
- css,用于在移动视图中将引导导航栏更改为accordian
- JavaScript和CSS样式不适用于我的“;谷歌网站”;页
- javascript正则表达式,用于编辑元素内部的css样式属性
- 一种用于横向和纵向照片的 CSS 样式
- 是否有用于CSS浏览器支持新功能的javascript解决方案
- 特定的JavaScript函数,用于将CSS样式表与下拉菜单交换
- 为什么PHP文件不用于(自定义)CSS和JS
- 仅当显示可见时,jquery/javascript或css-css用于第n个子级
- 识别哪些JS函数和CSS用于网页中的组件
- CSS用于移除lightbox contact表单的滚动条
- 在DataTable中保留特定列的CSS用于打印
- 混合两种css用于不同的导航定义
- CSS用于特定尺寸的屏幕(在我的例子中是iframe)
- CSS:用于触摸屏逆向工程的hover