Border collapse doesn't work in a flying saucer?

In a flying saucer, border collapse does not work if I use the fs-paginate table for the same table.

Does anyone know about this?

+4
source share
2 answers

Using:

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 quite the same (that the TD boundaries do not merge), but it can be fixed by setting the boundaries on only 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

+4
source

This css rule works for me:

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

Source: https://habr.com/ru/post/1499357/


All Articles