Question

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

当我打印一张桌子时，活动课程不会显示活动填充行（单元格）。

我该如何解决这个问题？

HTML / PHP的

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

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

更新 CSS
我试过这个，只有大胆的印刷品！？我可以在网页上看到bootstrap添加的“active”类。但它没有在印刷品中显示。

.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类“active”。并创建了一个名为gray的自己的类。我使用样式表添加背景颜色灰色。但同样的问题仍然存在。我可以在浏览器中看到灰色背景，但不能在打印件上看到。

$mark_monday = "bggrey";

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

粗体属性在打印件上，但不在BG颜色上。

Answer 1

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

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

在表格中使用活动类。使用Bootstrap和printThis

1 个答案: