Отсутствует нижняя граница таблицы ⇐ CSS
Отсутствует нижняя граница таблицы
Это моя проблема: Я создаю отчет в JSReport и использую #each from handlebars для генерации данных в моей таблице, но на странице разрыва нижняя граница отсутствует и отображается только в конце таблицы.
Следующие изображения: введите сюда описание изображения
введите здесь описание изображения
Мне нужно, чтобы в обеих ситуациях в конце отображалась нижняя граница, как в этой ситуации ниже, которая указывает на то, что таблица завершена.
введите здесь описание изображения
Следите за HTML и CSS таблицы.
HTML -------------------------------------------------- ---------------------------------------- DADOS DO PRODUTO/SERVIÇO CÓD. ПРОДУТО ОПИСАНИЕ ПРОДУКТА/СЕРВИСА NCM/SH CST CFOP UNID. КОЛИЧЕСТВО ЕДИНСТВЕННАЯ ДОБЛЕСТЬ ВСЕГО ДОБЕЛОСТИ BC ICMS VALOR ICMS VALOR IPI ALIQ. ICMS ALIQ. ИПИ {{#each (populaTabelaProdutos NewDataSet.nfeProc.[0].NFe.[0].infNFe.[0].det)}} {{codProd}} {{xProd}} {{нсм}} {{cst}} {{cfop}} {{uCom}} {{доблесть qCom}} {{доблесть vUnCom}} {{доблесть vProd}} {{bcIcms}} {{vlrIcms}} {{vlrIpi}} {{aliqIcms}} {{доблесть АликИпи}} {{/каждый}} CSS -------------------------------------------------- ---------------------------------------- .contentInfo { граница-коллапс: коллапс; размер шрифта: 15 пикселей; } .contentInfo тд, .contentInfo-й { вертикальное выравнивание: сверху; граница: 1 пиксель, сплошная #000; отступ: 0 5 пикселей; высота: 40 пикселей; } тело .tabelaProdutos { граница: 1 пиксель, сплошная #000 !важно; } body .tabelaProdutos thead th { размер шрифта: 10 пикселей; высота: 20 пикселей! важно; высота строки: 20 пикселей; } body .tabelaProdutos tbody td { граница: нет !важно; правая граница: 1 пиксель, сплошной #000 !important; левая граница: 1 пиксель, сплошной #000 !important; размер шрифта: 12 пикселей; высота строки: 15 пикселей; } /* Этот стиль я использую, чтобы разбить страницу и сгруппировать ее содержимое */ тр { разрыв страницы внутри: избегайте !important; } Мне нужно, чтобы нижняя граница отображалась только в конце таблицы, а не разделяла каждую строку.
Спасибо за помощь!
Это моя проблема: Я создаю отчет в JSReport и использую #each from handlebars для генерации данных в моей таблице, но на странице разрыва нижняя граница отсутствует и отображается только в конце таблицы.
Следующие изображения: введите сюда описание изображения
введите здесь описание изображения
Мне нужно, чтобы в обеих ситуациях в конце отображалась нижняя граница, как в этой ситуации ниже, которая указывает на то, что таблица завершена.
введите здесь описание изображения
Следите за HTML и CSS таблицы.
HTML -------------------------------------------------- ---------------------------------------- DADOS DO PRODUTO/SERVIÇO CÓD. ПРОДУТО ОПИСАНИЕ ПРОДУКТА/СЕРВИСА NCM/SH CST CFOP UNID. КОЛИЧЕСТВО ЕДИНСТВЕННАЯ ДОБЛЕСТЬ ВСЕГО ДОБЕЛОСТИ BC ICMS VALOR ICMS VALOR IPI ALIQ. ICMS ALIQ. ИПИ {{#each (populaTabelaProdutos NewDataSet.nfeProc.[0].NFe.[0].infNFe.[0].det)}} {{codProd}} {{xProd}} {{нсм}} {{cst}} {{cfop}} {{uCom}} {{доблесть qCom}} {{доблесть vUnCom}} {{доблесть vProd}} {{bcIcms}} {{vlrIcms}} {{vlrIpi}} {{aliqIcms}} {{доблесть АликИпи}} {{/каждый}} CSS -------------------------------------------------- ---------------------------------------- .contentInfo { граница-коллапс: коллапс; размер шрифта: 15 пикселей; } .contentInfo тд, .contentInfo-й { вертикальное выравнивание: сверху; граница: 1 пиксель, сплошная #000; отступ: 0 5 пикселей; высота: 40 пикселей; } тело .tabelaProdutos { граница: 1 пиксель, сплошная #000 !важно; } body .tabelaProdutos thead th { размер шрифта: 10 пикселей; высота: 20 пикселей! важно; высота строки: 20 пикселей; } body .tabelaProdutos tbody td { граница: нет !важно; правая граница: 1 пиксель, сплошной #000 !important; левая граница: 1 пиксель, сплошной #000 !important; размер шрифта: 12 пикселей; высота строки: 15 пикселей; } /* Этот стиль я использую, чтобы разбить страницу и сгруппировать ее содержимое */ тр { разрыв страницы внутри: избегайте !important; } Мне нужно, чтобы нижняя граница отображалась только в конце таблицы, а не разделяла каждую строку.
Спасибо за помощь!
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
PHP/Blade: нижняя граница таблицы tr только в том случае, если условие проверено
Anonymous » » в форуме Php - 0 Ответы
- 21 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Нижняя граница оценки плотности ядра с помощью Seaborn для matplotlib в Python
Anonymous » » в форуме Python - 0 Ответы
- 55 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Имя экрана NavBar и нижняя граница изменяются, когда экран активен в реакции js
Anonymous » » в форуме CSS - 0 Ответы
- 32 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Нижняя граница с оценкой плотности ядра с Seaborn для matplotlib в Python
Anonymous » » в форуме Python - 0 Ответы
- 7 Просмотры
-
Последнее сообщение Anonymous
-