print datatable作为默认表

时间:2015-10-26 21:39:59

标签: javascript jquery printing datatable

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

我需要用户打印此页面(Cntr + p)将表打印为默认表而不使用列过滤器和数据表箭头“删除数据表”

1 个答案:

答案 0 :(得分: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打印中取消隐藏文本框并隐藏过滤器输入 框。