在 table 上使用活动 class。使用 Bootstrap 和 printThis

Question

我正在使用 Bootstrap 作为我的框架。
要打印部分页面，我使用 "printThis" jquery 插件。

当我打印 table 时，活动的 class 不会显示。
活动是填充行（单元格）。

我该如何解决这个问题？

HTML/php

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

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

更新 CSS
我试过了，打印出来的只有粗体字！？
我可以在网页上看到 bootstrap 添加的 "active" class。但它没有出现在印刷品中。

.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>

更新

我确实删除了 bootstrap class "active"。并创建了自己的 class 名为 grey。我使用样式 sheet 添加背景颜色灰色。但是同样的问题出现了。我可以在浏览器中看到灰色背景，但在印刷品上看不到。

$mark_monday = "bggrey";

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

粗体属性在印刷品上，但不是 BG 颜色。

Answer 1

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

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

在 table 上使用活动 class。使用 Bootstrap 和 printThis

Use active class, on table. Using Bootstrap and printThis

twitter-bootstrap

printthis