代码之家  ›  专栏  ›  技术社区  ›  Attack68

Chrome另存为带有背景色的HTML表格的pdf格式

  •  0
  • Attack68  · 技术社区  · 7 年前

    当我用HTML显示用于CSS的表格时:

    table {
        width: 100%;
        border-collapse: collapse;
        font-size: 1.4rem;
    }
    
    thead {
        background-attachment: fixed;
        background: var(--c);
    }
    
    thead > tr {
        line-height: 3.6rem !important;
        text-align: left;
        color: white;
    }
    thead th {
        position:relative;
    }
    

    它会产生这样的结果:

    Table in Browser

    现在,如果我在Chrome v73中打印并尝试保存为PDF,则生成的PDF如下所示:

    Table after Save to PDF

    也就是说,它创建了垂直单元格轮廓。看起来Opera、Firefox和Safari也同样产生,因此它必须与PDF渲染有关。

    有人见过这个问题或者知道解决办法吗?

    0 回复  |  直到 7 年前
    推荐文章