Как настроить ширину колонок при формировании таблицы в HTML для отправки в письме
Необходимо сформировать html письмо для отправки на e-mail.В нем нужно разместить таблицу с динамическими колонками (основа таблица как в документе установка цен номенклатуры). Сформировала html код, но упорно не получается настроить ширину колонок. какой бы width я не указывала в тегах на выводимую таблицу это никак не влияет. Подскажите что делаю не так?
<table width = "100%" overflow-x = "scroll" border="1" cellpadding="4" cellspacing="0" >
<colgroup>
<col width = "10%">
</colgroup>
<tr>
<td rowspan="2"><strong>Товар</strong></td>
<td rowspan="2"><strong>Ед.</strong></td>
<th colspan="4"><strong>Базовая</strong></th>
<th colspan="4"><strong>ЛЕНТА основная</strong></th>
<th colspan="4"><strong>ЛЕНТА РЦ</strong></th>
<th colspan="4"><strong>Наценка 1%</strong></th>
<th colspan="4"><strong>Наценка 10%</strong></th>
<th colspan="4"><strong>Наценка 20%</strong></th>
<th colspan="4"><strong>Скидка 1%</strong></th>
<th colspan="4"><strong>Скидка 11%</strong></th>
<th colspan="4"><strong>Скидка 18%</strong></th>
</tr>
<tr><th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
<th>Нов.ц.</th><th>Рент., %</th><th>Тек.ц.</th><th>Рент., %</th>
</tr>
<tr align="center">
<td>Номенклатура 1</td><td>шт</td>
<td>100,00</td><td>0</td><td>100,00</td><td>0</td><td>100,00</td><td>0</td><td>0</td><td>0</td><td>101,00</td><td>0</td><td>101,00</td><td>0</td><td>110,00</td><td>0</td><td>110,00</td><td>0</td><td>120,00</td><td>0</td><td>120,00</td><td>0</td><td>99,00</td><td>0</td><td>99,00</td><td>0</td><td>89,00</td><td>0</td><td>89,00</td><td>0</td><td>82,00</td><td>0</td><td>82,00</td><td>0</td><td>100,00</td><td>0</td><td>0</td><td>0</td>
</tr>
.
.
.
</table>
ПоказатьПрикрепленные файлы:
По теме из базы знаний
Ответы
Подписаться на ответы
Инфостарт бот
Сортировка:
Древо развёрнутое
Свернуть все
(8)
и т.п.
Гуглы и чатгыпыты лучше меня это все умеют рассказать. Я просто сейчас задачкой занимаюсь, там как раз в письме отчет отправляется, пир том не все строки и не все колонки. При том генерится список классов по формату ячейки колонки, после чего генерится блок стилей без повторений и добавляется в текст ХТМЛ. В принципе смотрится нормально.
(10)
Проверил с 200% шириной таблицы - в мобильном клиенте дало эффект, в оутглюке нет.
в каких почтовых клиентах
Я в оутглюке. Посмотрел в гуглпочте на телефоне - табличка есть, но она отмасштабирована по ширине и при зуме увеличивается явно недостаточно для того, чтобы я смог разглядеть детали. Но если колонок будет не стопиццот, ну или размер таблицы будет не 100%, то, думаю, вполне себе лицезрзеть оное смогу. Кста, надо проверить... И да, в гуглпочте телефона цвета слетели.
Проверил с 200% шириной таблицы - в мобильном клиенте дало эффект, в оутглюке нет.
Можно конечно велосипед лепить, но можно использовать возможности табличного документа:
ИмяВременногоФайла = ПолучитьИмяВременногоФайла();
ТабДок.Записать(ИмяВременногоФайла, ТипФайлаТабличногоДокумента.HTML);
ЧтениеТекста = Новый ЧтениеТекста(ИмяВременногоФайла);
ТекстЭлемент = Сообщение.Тексты.Добавить(ТекстСообщения, ТипТекстаПочтовогоСообщения.HTML);
ТекстЭлемент.Текст = ЧтениеТекста.Прочитать();
ЧтениеТекста.Закрыть();
Для получения уведомлений об ответах подключите телеграм бот:
Инфостарт бот