Question

我正在创建一个包含条带表的报表。我需要用条纹线打印表格。

我正在使用bootstrap 3.3.6。

我做了：

@media print {    
    .table.table-striped td:nth-of-type(odd) {
        background-color: #f9f9f9 !important;
        -webkit-print-color-adjust: exact; 
    }
}

但它不起作用。

如果我切换到条带列（tr），可以正常工作。对不起英语，我正在使用翻译。

Answer 1

您无法强制打印背景颜色。浏览器需要打开该选项。想法是你没有为他们的打印机墨水买单。

/ *已编辑：4月20日* / 我遇到了同样的问题，一个队友给我看了-webkit-print-color-adjust：exact;规则。我错过了，这是可能的。看起来像@ mr-meeseeks应该在评论中得到答案的分数。

Answer 2

我遇到了同样的问题，并通过以下文章解决了该问题：https://www.api2pdf.com/solved-bootstrap-striped-table-not-printing-to-pdf/

代码：

@media print {
   tr:nth-child(even) td {
       background-color: red !important;
        -webkit-print-color-adjust: exact;
   }
}

Answer 3

2020-11-Bootstrap 4.5.0

唯一有效的方法是为由[ { "documentKey": "documentData", "functions": [ { "name": "firstFunction", "outerArray": ["elements", "in", "the", "array"], "objectsToBeFiltered": [ { "objectName": "firstObject", "innerArray": ["elements", "in", "the", "array"], "columns": ["a", "b"] } ] }, { "name": "secondFunction", "outerArray": ["elements", "in", "the", "array"], "objectsToBeFiltered": [ { "objectName": "secondObject", "innerArray": ["elements", "in", "the", "array"], "columns": ["a"] } ] } ] } ]安装的td添加背景。
在Chrome，Vivaldi和Puppeteer中进行了测试

tr

打印引导条纹表

3 个答案: