5

我正在使用边框折叠 (CSS) 在我的桌子上制作细边框。它们在屏幕上渲染得很好，但是当它们通过 cfDocument 发送到 PDF 中时，它们最终会变成更厚的灰色边框。

我读到 cfDocument 还不支持边框折叠，那么我最好的选择是什么？

冷融合 9

4

8 回答 8

4

表格是如此 90 年代，但这似乎对 cfdocument pdf 有效（但在网络浏览器显示上不一致）：

.tbl {background-color:#000;}
.tbl td,th,caption{background-color:#fff}

...

<table cellspacing="1" class="tbl">
...
</table>

（样式设置中的边框间距不起作用 - 您必须将 attr 放在 table 标记中）

于 2012-06-06T13:12:40.550 回答
3

我对 cfdocument 中的边框也有同样的问题。以下是我学到的一些技巧：

而不是像这样设置你的CSS：

table td {
  border: solid thin black;
}

试试这个：

table, table td {
  border: solid black;
}
table {
  border-width: 1px 1px 0 0;
}
table td {
  border-width: 0 0 1px 1px;
}

这明确地使宽度尽可能小。此外，它避免了“加倍”宽度的问题，因为每个单元格都有自己的 1px 边框，然后让它们彼此相邻（因此在单元格之间，您实际上会有 2px 边框）。

此外，您可以减少 cfdocument 标记的“比例”值以减小所有内容的大小，包括边框的厚度。

于 2012-05-16T17:46:52.393 回答
2

cfdocument 有很多限制。如果您正在寻找 css3 支持、javascript 等，我推荐wkhtmltopdf。它使用 webkit 生成 PDF，因此它支持 Safari/Chrome 支持的大部分内容。

于 2012-05-16T12:55:42.733 回答
2

我决定看看 CFDOCUMENT 是否能理解老式的 HTML，因为上述解决方案因浏览器而异。这并不理想，但如果您需要使其工作，这可能会有所帮助：

<table cellpadding="1" cellspacing="1" bgcolor="black">
    <tr>
        <td bgcolor="white">Data</td>
        <td bgcolor="white">Data</td>
    </tr>
    <tr>
        <td bgcolor="white">Data</td>
        <td bgcolor="white">Data</td>
    </tr>
    <tr>
        <td bgcolor="white">Data</td>
        <td bgcolor="white">Data</td>
    </tr>
</table>
于 2015-01-07T21:48:42.657 回答
1

我推荐报告生成器，它会给你细粒度的像素级控制和分页。

于 2012-05-16T14:13:37.827 回答
0

@gordon，您的解决方案非常接近，它确实在 PDF 上显示了细边框。但它产生了另一个问题——一些边界消失了。我猜这个解决方案适用于简单的表格，而不是复杂的表格。

于 2015-07-28T16:37:46.387 回答
-1

报告生成器仅在您想要快速创建交互式表格类型报告时有用，该报告允许用户取消折叠行以获取更多数据详细信息，这些数据详细信息将成为焦点父行的子行。

我不得不说我发现这非常有用，并且非常接近 SSRS 提供的功能。但是在导出到 pdf 或 excel 时并没有真正的帮助。

于 2014-09-24T16:24:57.713 回答
-1 
border-bottom: 0.4pt solid #ccc;
于 2017-07-05T09:14:37.873 回答