граница коллапса не работает в летающей тарелке?

В летающей тарелке схлопывание границ не работает, если я использую fs-paginate-table для той же таблицы.

Кто-нибудь знает какое-нибудь обходное решение по этому поводу?


person NkS    schedule 28.08.2013    source источник


Ответы (2)


Использовать :

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

введите здесь описание изображения

person obourgain    schedule 29.08.2013
comment
Извините за это, это сработало для меня. Я добавил картинку в ответ на случай, если это прояснит то, что я предлагаю. - person obourgain; 29.08.2013
comment
Используйте классы 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;
}
person Kristóf Dombi    schedule 19.12.2014