border-collapse is not working in flying-saucer?

Question

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?

Answer 1

Use :

table {
  border-spacing: 0;
}

Example:

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

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

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 */