javascript - 将数据表打印为默认表

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 绑定(bind)附加到过滤器输入，以便填充您的隐藏文本。 (引用这个例子 datatables global search on keypress of enter key instead of any key keypress )
3. 在@media print中取消隐藏文本框并隐藏过滤器输入框。