个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我有一个生成一堆表格的 html 页面。我需要在屏幕上看到此页面并能够打印它。当我打印时，我想确保每个表格都以一张新纸开始。
为了实现这一点，我对 h4 标签使用了 page-break-before: always css 规则。但是，这会导致打印对话框在加载预览之前卡住，唯一的出路是关闭选项卡。
有谁知道为什么会发生这种情况以及如何解决它。如果有更好的打印方法，我也想知道。谢谢!
这是我的代码:
显示.html.erb
<html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
<link rel="stylesheet" type="text/css" media="print" href="print.css">
</head>
<body>
<!-- Table Page -->
<% @reports.each do |report| %>
<% next if report[1].empty? %>
<div class="page-tables">
<!-- Table -->
<div class="table-responsive">
<h4><%= report[0] %></h4>
<table class="table table-hover table-bordered table-striped">
<thead>
<th><%= report[0] %></th>
<tr>
<th>Name</th>
<th>Other columns</th>
</tr>
</thead>
<tbody>
<% report[1].each do |line| %>
<tr>
<td><%= line[0] %></td>
<td>Other columns</td>
</tr>
<% end %>
</tbody>
</table>
<br>
<% end %>
<div class="clearfix"></div>
</div>
</div>
</body>和我的 .css 文件
@media print {
h4{
page-break-before: always;
}
tr:nth-child(even) td {
background-color: #E2E1E1 !important;
}
}我注意到的事情: - 当我减少报告中生成的表格数量时，不会发生卡住 - 如果我保留大量表格但删除了 page-break-before:always 的 css 规则，也不会卡住 - 条纹 css 规则不会导致问题
其他说明，不确定是否相关:- 我在 Chrome 上开发- 后端是一个 Rails 应用程序-大约有20张表，每张平均20行。它们在屏幕上加载正常。只有当我执行 cmd+p 打印时才会出现问题
最佳答案
我认为导致问题的原因是我的 </div>结束标签在 <%end%> 之后erb 标签。我修复了这个问题，现在可以使用了。
<html>
<head>
<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.13/css/jquery.dataTables.min.css">
</head>
<body>
<!-- Table Page -->
<% @reports.each do |report| %>
<% next if report[1].empty? %>
<div class="page-tables break-before-table">
<!-- Table -->
<div class="table-responsive">
<h4><%= report[0] %></h4>
<table class="table table-hover table-bordered table-striped">
<thead>
<th colspan="11"><%= report[0] %></th>
<tr>
<th>Name</th>
</tr>
</thead>
<tbody>
<% report[1].each do |line| %>
<tr>
<td><%= line[0] %></td>
</tr>
<% end %>
</tbody>
</table>
<br>
</div>
</div>
<% end %>
</body>关于html - 分页前 : always is freezing print dialog box，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45308201/
26
4
0
嗨，任何人都可以告诉如何卡住 gridview 标题和基于轴的一些两列，因此 gridview 应该同时具有垂直和水平滚动，以便在垂直滚动时需要卡住标题，在水平滚动时卡住列。 最佳答案 嘿，我找到了一
我不小心在 venv 之外安装了 jupyter 及其所有依赖包。我正在尝试手动删除它们，但还有很多其他包(command-not-found、systemd-python、ubuntu-driver
Object.freeze() Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已
我一直在the tutorials上如何进行简单的音频识别。 首先，我输入时遇到错误 python tensorflow/examples/speech_commands/freeze.py 说 py
Closed. This question is opinion-based 。它目前不接受答案。 想改善这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答。 3年
我想写一个简单的网络代理，作为练习。这是我到目前为止的代码: def g = new Proxy() g.serverPort = 9000 println "starting" g.eachClie
我是 Java 新手，它不是我的第一种编程语言。我实际上尝试编写一个下载器来下载所有文件，直到服务器上的版本与客户端版本相同。 程序运行良好，但这是我无法解决的问题。 如果我运行这段代码: priva
我注意到当我在录制过程中暂停并恢复8次或更多次时，AVAudioRecorder(iOS)会挂起。在模拟器上，它无限期地挂起，在设备上，我得到以下错误: AudioQueueStop发布消息以杀死me
我正在为使用我的 lib 的 C 程序编写一个调试器应用程序。调试器获取应用程序名称并运行它( fork )。 我将调试消息从应用程序发送到我的调试器(每次它在库中输入一些函数时)。我需要能够通过调试
当我们从 Windows 迁移到 Linux 时，我们的 Nightwatch 测试不再运行。它只是卡住。 Selenium 服务器已在监听，并且 chrome_driver(linux 64 位)设
我的脚本使用 sqlalchemy 连接到 MySQL 数据库 from sqlalchemy import * engine = create_engine("mysql+mysqlconnecto
我正在寻找一种“卡住”页面的方法，这样我就可以检查出现的元素，例如当我将鼠标悬停在某个字段时。 我知道这里的答案:Firebug: How to inspect elements changing w
假设，我有一个 MenuBar，其中有几个 MenuItem。每个 MenuItem 负责打开不同的 Stage 窗口。当应用程序正在消化新 Stage 的代码时，如何避免单击上述 MenuItem
我有一个 元素。在某些时候，我不希望它再接受文本。出于某种原因，更改 type至 type="button"例如不允许。 如何制作我的 元素不再接受文本？ 最佳答案 设为只读: $('#myInput
我现在什么都不懂。假设我有下一段代码(简化版): #include #include #include #include #include const auto k_sleep = std:
我想知道是否有一种方法可以“卡住”输入行，以便在 c 中将输入和输出彼此分开。例如，我的控制台输出目前是这样的: 1 OutputLine1 2 OutputLine2 但我希望它是这样的: 1 Ou
试试这个: int main() { std::fstream fin_fout("some.txt"); std::istream_iterator beg(fin_fout),en
我正在尝试重写 xCmd，它可以在远程机器上启动进程。基本上，它将自身作为服务安装在目标计算机上，然后启动请求的进程。一切正常，但我注意到一个错误。 xCmd 通过管道进行通信，它使用 WriteFi
鲁比的 standard uri library在无法修改或修改不会造成伤害的对象上卡住有很多用途: user, password = ui.split(':'.freeze, 2) #
我正在尝试用 Javascript 创建一个枚举。使用的javascript代码是 var FeatureName = { "FEATURE1": 1, "FEATURE2": 2, "FEATURE
我是一名优秀的程序员,十分优秀！