Twitter bootstrap 打印引导带条表

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

我使用的是Bootstrap3.3.6

我做到了：

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

但它没有起作用

---

如果我切换到条带化列（tr），它会工作。对不起，我使用的是翻译。

您不能强制打印背景颜色。浏览器需要打开该选项。 我的想法是，你们不用为他们的打印机墨水付钱

/*编辑日期：4月20日*/

---

我遇到了同样的问题，一位队友向我展示了-webkit打印颜色调整：精确；规则。我说错了，这是可能的。看起来@mr Meeseek应该在评论中得到他们答案的分数。

你不能强制打印背景色。浏览器需要打开该选项。 我的想法是，你们不用为他们的打印机墨水付钱

/*编辑日期：4月20日*/

---

我遇到了同样的问题，一位队友向我展示了-webkit打印颜色调整：精确；规则。我说错了，这是可能的。看起来@mr Meeseek应该在评论中得到他们答案的分数。

我也遇到了同样的问题，我通过以下文章解决了这个问题：

代码：

---

我也遇到了同样的问题，我通过以下文章解决了这个问题：

代码：

---

2020-11-引导4.5.0

• 唯一有效的方法是将背景添加到

  td

  而不是

  tr

• 在Chrome、Vivaldi和木偶演员中测试

。表格条带tbody tr:n类型（奇数）td{
背景色：rgba（0,0,0,05）！重要；
}

2020-11-Bootstrap 4.5.0

• 唯一有效的方法是将背景添加到

  td

  而不是

  tr

• 在Chrome、Vivaldi和木偶演员中测试

。表格条带tbody tr:n类型（奇数）td{
背景色：rgba（0,0,0,05）！重要；
}

仅供参考，

是一个表行而不是列。请看，我打印的是蓝色，但不是红色。我只想要红色的线条。蓝色是我迄今为止所取得的成就的例证。这就是你想要的吗？@meeseks，就是这样！非常感谢你！我将-webkit打印颜色调整为强制显示颜色。仅供参考，

是一个表行而不是列。请看，我打印的是蓝色，但不是红色。我只想要红色的线条。蓝色是我迄今为止所取得的成就的例证。这就是你想要的吗？@meeseks，就是这样！非常感谢你！我将-webkit打印颜色调整为强制显示颜色。我需要它，因为这是客户的要求。该表有许多行和彩色线，便于查看报告。蓝色是我得到的示例。不是真的，您可以使用CSS media query

@media print

设置背景色。我需要它，因为这是客户的要求。表格有许多行和彩色线，便于查看报告。蓝色是我得到的示例。不是真的，你可以使用CSS媒体查询设置背景色

@media print

。文章的链接很好，但你不应该假设站点总是处于运行状态。重要的是要包括一个使它工作的摘要。链接到文章是好的，但你不应该假设该网站的网站将永远是。重要的是要包括一个使它工作的总结。

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