html - Google Chrome 中缺少 MS Excel 到 HTML 网格线

Question

我正在尝试通过 MS Excel 2010 将 excel 电子表格 (.xls) 转换为 html，但我想保留网格线。所以我突出显示所有单元格 -> 设置单元格格式 -> 轮廓和内部边框预设、正常边框、黑色，然后进行导出。用 IE 和 Firefox 查看，边界就在那里。但是，当使用 chrome 查看时，边框消失了，我看到的是 style="border-left: none;"在每个 td 标签内。

这样做的目的是为网页制作 excel 电子表格预览，看起来导出到 html 的路线可能是最简单的。有人知道更好的路线吗？

我认为我唯一的解决方案可能是让 javascript 专门针对 chrome 检查并编辑所有 td 标签上的左/右/上/下边框样式。有什么我想念的吗？

---

另外，有没有办法在 html 版本中保留行号和列标题？

Answer 1

您可以查找/替换源代码为 border-left:none、border:none 等的所有实例...然后使用 css样式以确保网格线与数据保持一致。假设它被导出为一个表，使用

<style type="text/css">
    table{
       border: 2px solid #000000;
    }
    td{
       border: 1px solid #000000;
    }
</style>

(根据自己的口味和喜好设置格式)

至于行号和列标题，这取决于你有多少数据。如果不多，最简单的方法是手写标题和数字。如果很多，最好的方法是使用 javascript 或服务器端语言为您打印出行标题。