В летающей тарелке схлопывание границ не работает, если я использую fs-paginate-table для той же таблицы.
Кто-нибудь знает какое-нибудь обходное решение по этому поводу?
В летающей тарелке схлопывание границ не работает, если я использую fs-paginate-table для той же таблицы.
Кто-нибудь знает какое-нибудь обходное решение по этому поводу?
Использовать :
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;}
вместо классов firstrow
и firstcol
.
- person Supun Induwara; 11.02.2018
Это правило css работает для меня:
table.bordered {
border-collapse: collapse
}
table.bordered td, table.bord
border: 1px solid #000;
}