1.1 问题描述

报表页面设置单元格的边框粗细一致，但是谷歌浏览器预览的时候，粗细偶发不同的行列粗细不一致，如下图所示：

1.2 原因分析

谷歌浏览器渲染相邻单元格的边框，有时候会合并两个相邻单元格边框只展示一个，有时候不合并相邻两个单元格的边框，导致粗细不一致。

1.3 解决思路

1）更换浏览器。

2）使用 CSS 修改单元格属性。

3）开启新计算引擎插件，详情请参考：开启新计算引擎

1）新建一张空白的普通报表，将报表中 A1 至 C5 单元格设置内外单元格边框，如下图所示：

2）编写 CSS 文件，将编写后的文件放到 webroot 下，在 web 属性引用 CSS 文件即可，CSS 文件内容如下：

element.style {
    background-color: rgb(192,192,192);
}
.bw {
    word-wrap: break-word;
}

.fh {
    overflow: hidden;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    font-size: 9pt;
    font-family: SimSun;
}
.b1 {
    border: 0.5px solid #000;
}
.x-table {
    overflow: hidden;
    table-layout: fixed;
    border-collapse: inherit;
    *word-break: break-all;
    *overflow: visible;
}
user agent stylesheet
table {
    text-indent: initial;
    border-spacing: 1px;
}
.sheet-container {
    cursor: default;
}

3）保存模板进行预览即可。