CSS в PDF, css в Flying Saucer: -fs-table-paginate приводит к сворачиванию границ: свернуть недействительно

Теперь я использую xhtmlrendererдля преобразования html в PDF. Моя зависимость от maven выглядит следующим образом:

    
        org.mvel
        mvel2
        2.1.0.drools2
        compile
        true
    
    
        org.xhtmlrenderer
        core-renderer
        R8
        compile
        true
    
    
        com.lowagie
        itext
        2.0.8
        compile
        true
    

Я пытаюсь повторить заголовок таблицы на каждой странице PDF. Поэтому я использую css:

table {
        -fs-table-paginate: paginate;
    }`

Объяснение для CSS здесь .

-fs-table-paginate
  • при использовании со значением -fs-table-paginate: paginateизменяет алгоритм компоновки таблицы для повторения верхних и нижних колонтитулов на последующих страницах и улучшает внешний вид ячеек, которые разбиваются на страницы (например, путем закрытия и открытия границ), но это все, что он делает. Если минимальная ширина таблицы больше ширины страницы, она будет обрезана.

  • При добавлении вышеуказанного css границы моей таблицы отсоединяются.

enter image description here

  • Прежде чем я добавлю css, границы таблицы свернуты в единую границу.

enter image description here

Итак, я думаю, что table { -fs-table-paginate: paginate; }сделал мою таблицу border-collapse:collapseнедействительной.

Итак, что я могу сделать, чтобы исправить ошибку, чтобы границы таблицы схлопывались?

Мое приложение CSS для таблицы выглядит следующим образом

table{
    border:1px solid #000000;
    border-collapse:collapse;
    -fs-table-paginate: paginate;
}
table td{
    border:1px solid #000000;
    word-wrap:break-word;
    white-space:normal;
    overflow:hidden;
    text-align:left;
    line-height:16px;
    height:16px;

}
table tr{
    page-break-inside:avoid;
}
table thead tr th{
    background:#f2f2f2;
    border:1px solid #000000;
    text-align:center;
}

table tr th{
    background:#f2f2f2;
    border:1px solid #000000;
    text-align:center;
}

И при добавлении -fs-table-paginate: paginate;иногда заголовок таблицы будет ненормальным. Заголовок будет отображаться неправильно. А под заголовком таблицы появится дополнительная пустая строка. Следующее: enter image description here

Есть идеи?

15
задан Adriano 7 November 2019 в 05:50
поделиться