Question

在我的网站上，当我按结果按钮时，结果表以正确的格式显示第一张图像但是，当我点击打印按钮表时，甲酸盐是严重的有2张图片澄清了问题

        <table class="table table-bordered">
            <tr class="print-header">
                <th class="table-head" ng-repeat="cols in headercolumns">{{cols}}</th>
            </tr>

            <tr class="table-row" ng-repeat="scoresheet in scoresheets |filter:class">
                <td>
                    <p style="font-size : 20px">{{scoresheet.user.name}}</p>
                    <span>{{scoresheet.user.class.name}}</span>
                </td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.score |number}}</p></td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.correct_answers}}</p></td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.incorrect_answers}}</p></td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.partial_answers}}</p></td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.pending_answers}}</p></td>
                <td><p style="font-size : 20px">{{scoresheet.result.statistics.skipped_answers}}</p></td>
              </tr>

result table printing table

Answer 1

这解决了我的问题。

@media print {
    td {
        display: table-cell !important; 
    } 
}

Answer 2

您可以使用媒体查询来设置打印文档的样式。在您的CSS中，您可以执行以下操作：

for (UIView *view in [self.view subviews]) {
    view.userInteractionEnabled = NO;
}

否则，我相信您也可以在HTML中导入单独的样式表，但我自己从未这样做过：

@media print {
    td {
        display: block;
    }    
}

让谷歌Chrome浏览器在打印页面上创建新行

2 个答案: