在表上使用活动类。使用Bootstrap和printThis

Question

我用Bootstrap作为我的框架。

要打印页面的部分，我使用"printThis“jquery插件。

当我打印一个表时，活动类不会显示。

活动是填充行(单元格)。

我怎么才能解决这个问题？

HTML/php

if($day == "Mån"){
  $mark_monday = "active";
}

echo "<tr class='print_table_text ".$mark_monday."'>";

更新 CSS

我试过这个，只有大胆的才在印刷！？

我可以在网页上看到由引导程序添加的“活动”类。但它没有出现在印刷品上。

.print_table_text {
  font-size: 10px;
}
.print_table_text.active {
  font-weight: bold;
  background-color: #000000;
}

PrintTHis

<script>
  $(document).ready(function () {
    $('#print_btn').click(function () {
        loadCSS: "css/printthis-print_all_usrs_time.css"
        $('#usr_name, #list_usr_time, #sum_worked_time, #break_page').printThis();
    });
});
</script>

更新

我确实删除了引导类"active“。并创建了一个名为灰色的类。我使用样式表添加背景颜色灰色。但同样的问题也发生了。我可以在浏览器中看到灰色背景，但在打印上看不到。

$mark_monday = "bggrey";

.print_table_text.bggrey {
  font-weight: bold;
  background-color: #f5f5f5;
}

粗体属性在打印上，而不是BG颜色。

Answer 1

将此媒体查询添加到将应用于打印的样式中。

@media print {
    td.active {
        background-color: #f5f5f5;
    }
}