【问题标题】:border-collapse is not working in flying-saucer?边界崩溃在飞碟中不起作用?
【发布时间】:2013-08-28 10:58:53
【问题描述】:

在飞碟中,如果我对同一张表使用 fs-paginate-table,则边框折叠不起作用。

有人知道这方面的任何解决方法吗?

【问题讨论】:

    标签: pdf-generation flying-saucer


    【解决方案1】:

    使用:

    table {
      border-spacing: 0;
    }
    

    例子:

    table{-fs-table-paginate:paginate;}
    td{border:1px solid red}
    

    table{-fs-table-paginate:paginate;border-spacing:0}
    td{border:1px solid red}
    

    结果并不完全相同(因为 TD 的边框不合并),但可以通过仅在 TD 的一侧设置边框来解决。

    #t4{-fs-table-paginate:paginate;border-spacing:0}
    #t4 td{border-width:0 1px 1px 0;border-color:red}
    #t4 tr.firstrow td{border-top-width:1px}   /* Assuming first TR has class firstrow */
    #t4 td.firstcol{border-left-width:1px}     /* Assuming first TD of each line has class firstcol */
    

    【讨论】:

    • 对不起,它对我有用。我在回复中添加了一张图片,以防它澄清我的建议。
    • 使用 tr:first-child { border-top-width:1px;}td:first-child:{border-left-width: 1px;} 代替 firstrowfirstcol 类。
    【解决方案2】:

    这个 css 规则对我有用:

    table.bordered {
        border-collapse: collapse
    }
    table.bordered td, table.bord
        border: 1px solid #000;
    }
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-08-13
      • 2016-09-16
      • 2017-01-02
      • 2013-07-30
      • 2014-05-31
      • 2015-08-02
      • 2011-03-20
      相关资源
      最近更新 更多