打印整页制表符表格时如何使用自定义样式

如何解决打印整页制表符表格时如何使用自定义样式

我正在尝试使用表格对象上的 print() 方法打印制表符表格。

我需要设置自定义样式，因此我将第二个参数设置为 true。这适用于重现表格的样式（带有通常的 HTML 警告，例如移除的背景）。

但是，我想使用完全不同的打印样式。我尝试将以下形式的规则添加到样式表中：

.tabulator-print-table .tabulator-headers {
    border: black 3px;
}

然而，这些似乎并没有达到预期的效果（在上面的例子中，我在打印输出中看不到任何边框）。

解决方法

这完全有可能，但我发现您目前的方法存在两个问题。

第一个问题是，在做整表打印时，表格实际上被一个标准的HTML表格代替，因为浏览器知道如何更好地打印它，所以只有Print Styling List中定义的类可用，所有其他选择应使用标准表格元素完成，因此列标题的样式为：

.tabulator-print-table th{
   //style table column header
}

要设置包含表格标题的行的样式：

.tabulator-print-table thead tr{
   //style table header row
}

您可能面临的另一个问题是，如果您在表格设置中将 printStyled 选项设置为 true，那么它会将现有表格样式作为内联样式应用于每个打印表格元素，因此您可能需要使用 !important 标志来覆盖内联样式：

border: black 3px !important;