1

我使用 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;
}

打印这个

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

更新

我确实删除了引导类“活动”。并创建了一个自己的类，称为灰色。我使用样式表添加背景颜色灰色。但同样的问题也随之而来。我可以在浏览器中看到灰色背景，但在打印件上看不到。

$mark_monday = "bggrey";

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

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

4

1 回答 1

2

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

@media print {
    td.active {
        background-color: #f5f5f5;
    }
}
于 2015-05-20T14:43:13.720 回答