Каталог решений - HTML таблица для начинающих

В статье Мобильное приложение на 1С? Я написал следующее:

«Первоначально я реализовал отчет на СКД, но… Но лично меня он не устраивал. Я крутил его и так, и эдак… В итоге я параллельно сделал еще такой же отчет на HTML и принес на суд общественности.

Со счетом 7:0 победил HTML. Поэтому если вам вдруг понадобится вывод отчета в мобильном приложении, делайте сразу на HTML, поверьте, вы получите быструю и гибкую разработку.»

Совершенно логично, что последовал комментарий:

viki_glebova

«Очень любопытно про отчеты на HTML. Есть у вас какой-нибудь простенький пример реализации?»

Далее в комментариях была предложена ссылка на статью: //sale.itcity.ru/1c/articles/717412/ далее в тексте я ее буду упоминать как Статья717412

Я посмотрел статью и пообещал Виктории(viki_glebova) более интересные примеры. Обещал, показываю.

Для начала немножко поговорим про таблицы, далее я покажу чем плох подход из Статья717412 и потом покажу несколько примеров используя стили, надеюсь это будет вам полезно.

Для экспериментов я скидал небольшую конфигурацию, данную конфигурацию я приложу к статье в виде бесплатного материала.

Основа таблицы в HTML:

Table — Для добавления таблицы используется тег <table> в данном теге можно указывать различные атрибуты:

•    Align — Определяет выравнивание таблицы.
•    Background — Задает фоновый рисунок в таблице.
•    Bgcolor — Цвет фона таблицы.
•    Border — Толщина рамки в пикселах.
•    Bordercolor — Цвет рамки.
•    Cellpadding — Отступ от рамки до содержимого ячейки.
•    Cellspacing — Расстояние между ячейками.
•    Cols — Число колонок в таблице.
•    Frame — Сообщает браузеру, как отображать границы вокруг таблицы.
•    Height — Высота таблицы.
•    Rules — Сообщает браузеру, где отображать границы между ячейками.
•    Summary — Краткое описание таблицы.
•    Width — Ширина таблицы.