个人中心
gpt4 book ai didi

javascript - Excel 导出为 html 无法在 Excel 2016 中显示边框

转载 作者：数据小太阳 更新时间：2023-10-29 06:10:36 25 4
gpt4 key购买 nike

我正在使用 JavaScript 将 html 导出到 Excel xls 文件，如下面的演示所示:http://js.do/sun21170/84913 .我使用 Google Chrome 来运行这个演示，但它也应该在 Edge 或 IE 或 FireFox 中运行。

问题是，当我在 Excel 2016 中打开导出的文件时，它显示没有任何边框，即使导出的 html 中有 CSS 来显示边框。

问题:有没有办法在Excel中打开html文件时显示边框？在 Excel 中打开的相同 html，在浏览器中呈现带有边框，因此边框的 CSS 是正确的。演示在 http://js.do/sun21170/84913还显示了保存在 Excel 文件中的 html。

Html Table with missing Borders

HTML 保存为 xls 文件

<html>
   <head>
      <style> table, td {border:1px solid black} table {border-collapse:collapse}</style>
   </head>
   <body>
      <table>
         <tr>
            <td>Product</td>
            <td>Customer</td>
         </tr>
         <tr>
            <td>Product1</td>
            <td>Customer1</td>
         </tr>
         <tr>
            <td>Product2</td>
            <td>Customer2</td>
         </tr>
         <tr>
            <td>Product3</td>
            <td>Customer3</td>
         </tr>
         <tr>
            <td>Product4</td>
            <td>Customer4</td>
         </tr>
      </table>
   </body>
</html>

最佳答案

经过大量研究，我终于找到了答案。似乎 Excel 2016 不喜欢 1px 的边框粗细；任何大于 1px 的值，如 2px 或 3px 或 4px 都可以。 我不清楚为什么 Excel 2016 会这样。

显示此内容的演示位于以下 URL:http://js.do/sun21170/84961

此外，如果边框厚度以 em 或 pt 或 mm 等任何其他单位指定，则厚度为 1em 或 1mm 或 1pt 或 1mm 或 .5mm 都可以。

即使使用 thin 或 medium 或 thick 等预定义值的边框厚度也适用于 Excel 2016。

因此，我学到的教训是在使用 Excel 时永远不要指定 1 px 的边框粗细。

以下 CSS 是在 Excel 2016 中用于创建边框的不同样式。

边框厚度大于 1px WORKS

var table = "<html><head><style> table, td {border:2px solid black}
            table {border-collapse:collapse}</style></head><body><table><tr>";

1pt WORKS 的边框粗细

var table = "<html><head><style> table, td {border:1pt solid black}
            table {border-collapse:collapse}</style></head><body><table><tr>";

边框厚度为 1mm WORKS

var table = "<html><head><style> table, td {border:1mm solid black}
            table {border-collapse:collapse}</style></head><body><table><tr>";

1em WORKS 的边框厚度

var table = "<html><head><style> table, td {border:1em solid black}
            table {border-collapse:collapse}</style></head><body><table><tr>";

薄作品的边框厚度

var table = "<html><head><style> table, td {border:thin solid black}
            table {border-collapse:collapse}</style></head><body><table><tr>";

关于javascript - Excel 导出为 html 无法在 Excel 2016 中显示边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35677585/

25 4 0
文章推荐： docker - 在 Docker 容器中访问 Redis CLI
文章推荐： redis 在单个查询中获取多个键的值？
文章推荐： redis - 从redis中的一组计数器中获取最高计数器值
文章推荐： javascript - Gulp - 缩小 JS 并写入相同的目的地
数据小太阳
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com