문제

In flying-saucer, border-collapse is not working if I use fs-paginate-table for the same table.

Does anybody know any workaround on this?

도움이 되었습니까?

해결책

Use :

table {
  border-spacing: 0;
}

Example:

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

enter image description here

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

enter image description here

The result is not exactly the same (as the TD's borders don't merge), but it can be fixed by setting borders only on one side of the 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 */

enter image description here

다른 팁

This css rule works for me:

table.bordered {
    border-collapse: collapse
}
table.bordered td, table.bord
    border: 1px solid #000;
}
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top