Table Print

Расширение для печати таблиц Bootstrap Table, поддерживает настройку формата печати.

На этой странице

Расширение для печати добавляет кнопку печати на панель инструментов таблицы, поддерживает настройку стилей и форматов печати, позволяя пользователям удобно печатать данные таблицы.

Использование

<script src="extensions/print/bootstrap-table-print.js"></script>

Примеры

Опции

showPrint

Атрибут: data-show-print
Тип: Boolean
Описание:

Отображать ли кнопку печати на панели инструментов. При установке в true пользователи могут печатать таблицу, нажимая кнопку печати.
Значение по умолчанию: false

printAsFilteredAndSortedOnUI

Атрибут: data-print-as-filtered-and-sorted-on-ui
Тип: Boolean
Описание:

При установке в true печатает в соответствии с текущими результатами сортировки и фильтрации в пользовательском интерфейсе. Если включено, не устанавливайте printFilter, printSortOrder, printSortColumn, в противном случае эти предустановки будут применены только к данным, уже отфильтрованным и отсортированным в пользовательском интерфейсе.
Значение по умолчанию: true

printPageBuilder

Атрибут: data-print-page-builder
Тип: Function
Описание:

Принимает строку элемента HTML <table> в качестве параметра, возвращает строку HTML для печати, можно использовать для добавления стилей, заголовка или нижнего колонтитула.
Значение по умолчанию:

printPageBuilder: function(table, styles) {
  return `
    <html>
    <head>
    ${styles}
    <style type="text/css" media="print">
    @page {
      size: auto;
      margin: 25px 0 25px 0;
    }
    </style>
    <style type="text/css" media="all">
    table {
      border-collapse: collapse;
      font-size: 12px;
    }
    table, th, td {
      border: 1px solid grey;
    }
    th, td {
      text-align: center;
      vertical-align: middle;
    }
    p {
      font-weight: bold;
      margin-left:20px;
    }
    table {
      width: 94%;
      margin-left: 3%;
      margin-right: 3%;
    }
    div.bs-table-print {
      text-align: center;
    }
    </style>
    </head>
    <title>Print Table</title>
    <body>
    <p>Printed on: ${new Date} </p>
    <div class="bs-table-print">${table}</div>
    </body>
    </html>
  `
}

printSortColumn

Атрибут: data-print-sort-column
Тип: String
Описание:

Устанавливает, по какому полю сортировать при печати таблицы.
Значение по умолчанию: undefined

printSortOrder

Атрибут: data-print-sort-order
Тип: String
Описание:

Действует только при установке printSortColumn. Возможны значения 'asc' или 'desc'.
Значение по умолчанию: 'asc'

printStyles

Атрибут: data-print-styles
Тип: Array
Описание:

Добавляет ресурсы стилей на страницу печати, например, пользовательские иконки.
Значение по умолчанию: []

Иконки

print: 'fa-print'

Опции столбцов

printFilter

Атрибут: data-print-filter
Тип: String
Описание:

Устанавливает значение фильтра, используемое для этого столбца при печати данных.
Значение по умолчанию: undefined

printFormatter

Атрибут: data-print-formatter
Тип: Function
Описание:

Пользовательская функция function(value, row, index), возвращает строку, используется для форматирования значения ячейки в печатной таблице, поведение аналогично опции столбца formatter.
Значение по умолчанию: undefined

printIgnore

Атрибут: data-print-ignore
Тип: Boolean
Описание:

При установке в true скрывает этот столбец на странице печати.
Значение по умолчанию: false

Локализация

formatPrint

Тип: Function
Значение по умолчанию: function () { return "Print" }