淘先锋技术网

首页 1 2 3 4 5 6 7

Jquery DataTable是一款非常方便实用的表格插件,其功能强大,使用简单。不仅可以展示数据,还可以通过打印功能将数据直接打印出来。

在使用打印功能前,首先需要引入print.js插件,在head标签中添加以下代码:

<!-- 引入print.js插件 -->
<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
<link href="https://printjs-4de6.kxcdn.com/print.min.css" rel="stylesheet" />

当表格加载完毕后,可以通过下面的代码进行打印:

$('#example').DataTable({
dom: 'Bfrtip',
buttons: [
{
extend: 'print',
text: '打印当前页',
autoPrint: false,
customize: function (win) {
$(win.document.body).css('font-size', '14pt');
$(win.document.body).find('table').css('font-size', '12pt');
$(win.document.body).find('h1').css('text-align', 'center');
}
}
]
});

其中,'autoPrint: false'代表不自动打印,用户需要手动点击打印按钮进行打印,'customize'函数则可以自定义打印页面的样式。

在上述代码中,通过CSS的方式设置了打印页面的字体大小和表格字体大小,并将标题居中显示。如果需要更进一步的自定义样式,可以通过查看print.js的API文档进行了解。

总体来说,Jquery DataTable的打印功能极其便捷,用户只需添加几行代码即可使用,同时也可以根据自己的需求进行自定义设置。