< THEAD>与CHtmlView控件一起使用打印预览时不兑现

问题描述

我有一个基本的HTML table 对象，该对象具有一个 thead 部分:

I have a basic HTML table object which has a thead section:

<thead>
    <tr>
        <td class="columnStudyPoint">Study Point</td>
        <td class="columnDate">Date Assigned</td>
        <td class="columnDate">Date Completed</td>
    </tr>
</thead>

现在，如果我在Microsoft Edge中打开HTML文档并执行打印预览"，我会看到它正在工作:

Now, if I open my HTML document in Microsoft Edge and do a Print Preview I see that it is working:

但是，我正在 CHtmlView Web浏览器控件中显示此HTML文档，该控件使用了IE7.在这种情况下，进行打印预览时不会重复 thead .

However, I am displaying this HTML document inside a CHtmlView web browser control which uses IE7 under the hood. In this context, the thead is not repeated when doing a Print Preview.

推荐答案

如果将其添加到我的CSS文档中:

If I add this to my CSS document:

@media print {
   thead {
       display: table-header-group;
   }

   table tbody tr td:before,
   table tbody tr td:after {
        content : "" ;
        height : 4px ;
        display : block ;
    }
}

CHtmlView 控件中第2页的预览:

Preview of page 2 in the CHtmlView control:

这篇关于< THEAD>与CHtmlView控件一起使用打印预览时不兑现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！