将数据表打印为默认表

Question

我有一个带有列过滤器的数据表 所以thead有搜索输入

当用户打印此页面 (Cntr + p) 时，我需要将表格打印为没有列过滤器和数据表箭头“删除数据表”的默认表格

Answer 1

你需要在你的 CSS 中做如下定义打印媒体，当用户按下 Ctrl+P 时，你想要应用或不应用的所有类：

这是一个消除列标题中所有箭头的示例

@media print {
    .sorting, .sorting_asc, .sorting_desc {
        display:none;
    }
}

更新：

为了让您显示过滤器文本，我建议您执行以下操作：

1. 在您的过滤器输入之前添加一个隐藏的文本字段（请参阅此 有关如何在数据表中插入元素的文档 https://datatables.net/reference/option/dom)
2. 将 keyup 绑定附加到 过滤器输入，以便它填充您的隐藏文本。 （参考 这个例子 datatables global search on keypress of enter key instead of any key keypress)
3. 在@media print 中取消隐藏文本框并隐藏过滤器输入 盒子。