Экспорт HTML таблицы в PDF / Информация / Сниппеты Bootstrap

Версия: v1.0.1

Каталог: Сниппеты Bootstrap

Категория: Информация

Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop

Язык: Английский

Вес файла: 230.9 Kb

Уникальный ID: 1365

Количество символов:

Посмотрели: 4134 раз

Помощь: установка & настройка

Прикреплён файл №2: /stuff/0-0-0-1365-20

Подбери: Домен для сайта

Скачали бесплатно: 131 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 2 голосов

Тип лицензии: CC BY 4.0

Авторство: https://goo.gl/bpPYZY

Информация: Пользователям

Информация: Правообладателям

Теги: snippet, pdf, Table, Information, информация, Сниппет, Bootstrap, HTML, export

Поделился: BootstrapТема

Добавлено: 2016-11-15 в 19:32

Метка: 1581762147

⇄ ⇅

<h1 class="text-center">Export a HTML Table to PDF</h1>

<button id="exportButton" class="btn btn-lg btn-danger center-block"><span class="fa fa-file-pdf-o"></span> Export to PDF</button>

<hr />

<table id="exportTable" class="table table-bordered table-hover">
 <thead>
 <tr>
 <th>Name</th>
 <th>All</th>
 <th>Url</th>
 </tr>
 </thead>
 <tbody>
 <tr>
 <td>VK</td>
 <td>1211</td>
 <td><a href="https://vk.com/bootstraptema" target="_blank">https://vk.com/bootstraptema</a></td>
 </tr>
 <tr>
 <td>Twitter</td>
 <td>1034</td>
 <td><a href="https://twitter.com/bootstraptema" target="_blank">https://twitter.com/bootstraptema</a></td>
 </tr>
 <tr>
 <td>Facebook</td>
 <td>1031</td>
 <td><a href="https://www.facebook.com/bootstraptema" target="_blank">https://www.facebook.com/bootstraptema</a></td>
 </tr>
 <tr>
 <td>Odnoklassniki</td>
 <td>1028</td>
 <td><a href="https://ok.ru/group/52988673523881/" target="_blank">https://ok.ru/group/52988673523881/</a></td>
 </tr>
 <tr>
 <td>Tumblr</td>
 <td>1021</td>
 <td><a href="https://www.tumblr.com/blog/bootstraptema" target="_blank">https://www.tumblr.com/blog/bootstraptema</a></td>
 </tr>
 <tr>
 <td>Pinterest</td>
 <td>1008</td>
 <td><a href="https://ru.pinterest.com/atmpl/bootstrap/" target="_blank">https://ru.pinterest.com/atmpl/bootstrap/</a></td>
 </tr>
 </tbody>
 </table>

</div>
</div>
</div>

dataSource.read().then(function (data) {
 var pdf = new shield.exp.PDFDocument({
 created: new Date()
 });

pdf.addPage("a4", "portrait");

pdf.table(
 50,
 50,
 data,
 [
 { field: "Name", title: "BootstrapTema.ru", width: 150 },
 { field: "All", title: "All", width: 50 },
 { field: "Url", title: "Url resource", width: 250 }
 ],
 {
 margins: {
 top: 50,
 left: 50
 }
 }
 );

pdf.saveAs({
 fileName: "myPDF"
 });
 });
 });
 });
</script>

BootstrapTema

Экспорт HTML таблицы в PDF

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0