Проблема границы таблицы DOMPDF
Я столкнулся с очень странной проблемой с последней версией DOMPDF (0.6.0 Beta 3). Я использую его для создания счетов для клиентов на моем сайте. Дизайн требует 1px границ между ячейками таблицы. Если я использую черный или #000 для цвета границы, таблицы отображаются хорошо. Однако, когда я меняю цвет, например, #CCC, вместо 1px границы, границы становятся 2px. Я использую бордюр-коллапс: коллапс, и я выдергиваю волосы в течение 2 дней. Я не изменяю ничего, кроме цвета, но толщина границы меняется. Кто-нибудь еще сталкивался с этой проблемой и знает, что решение или есть какие-либо предложения? Почему черный цвет отображает границу в 1 пиксель, а другие цвета отображаются в виде границ в 2 пикселя? Помогите!
Изменить: у меня также есть пустые клетки, заполненные
как я читал, это может вызвать проблемы с таблицами, но все равно не повезло.
3 ответа
Это может помочь. Я не пытался воспроизвести вашу проблему, но я знаю, что это помогло решить некоторые проблемы с таблицами. попробуйте добавить это к вашему CSS для таблицы:
table {
border-collapse: collapse;
}
Очевидно, что вы можете использовать соответствующий селектор в CSS и не определять весь класс таблицы.
У меня была точно такая же проблема. Это вызвано тем, что у таблицы есть своя граница, а у ячеек - своя граница. Вот как я это исправил:
table {
border-left: 0.01em solid #ccc;
border-right: 0;
border-top: 0.01em solid #ccc;
border-bottom: 0;
border-collapse: collapse;
}
table td,
table th {
border-left: 0;
border-right: 0.01em solid #ccc;
border-top: 0;
border-bottom: 0.01em solid #ccc;
}
Если кто-то сталкивается с проблемой с границами нескольких таблиц подряд
Заменить это
table{ border:collapse; }
с участием
table{ border-spacing: 0; }
Я видел некоторое улучшение, установив толщину границы на 0.01em
Использовать border-spacing: -1px;
Вместо того border-collapse: collapse;