Bootstrap Table Stampa

Estensione Stampa della tabella di Bootstrap Table.

In questa pagina

Aggiunge un pulsante alla barra degli strumenti per stampare la tabella in un formato predefinito configurabile.

Utilizzo

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

Esempio

Stampa

Opzioni

showPrint

Attributo: data-show-print
Tipo: Boolean
Dettagli:

Imposta true per mostrare il pulsante Stampa sulla barra degli strumenti.
Default: false

printAsFilteredAndSortedOnUI

Attributo: data-print-as-filtered-and-sorted-on-ui
Tipo: Boolean
Dettagli:

Imposta true per stampare la tabella come ordinata e filtrata nell’interfaccia utente. Se viene impostato true, le opzioni di stampa predefinite esplicite per il filtraggio e l’ordinamento (printFilter, printSortOrder, printSortColumn) verranno applicate ai dati già filtrati e ordinati dai controlli dell’interfaccia utente. Per stampare i dati come filtrati e ordinati nell’interfaccia utente - non impostare queste tre opzioni: printFilter, printSortOrder, printSortColumn.
Default: true

printPageBuilder

Attributo: data-print-page-builder
Tipo: Function
Dettagli:

Riceve l’elemento HTML <table> come parametro stringa, restituisce una stringa HTML per la stampa. Questa opzione viene utilizzata per lo stile e l’aggiunta di un’intestazione o un piè di pagina.
Default:

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>Stampa Tabella</title>
    <body>
    <p>Stampato il: ${new Date} </p>
    <div class="bs-table-print">${table}</div>
    </body>
    </html>
  `
}

printSortColumn

Attributo: data-print-sort-column
Tipo: String
Dettagli:

Imposta il nome del campo della colonna per ordinare la tabella stampata.
Default: undefined

printSortOrder

Attributo: data-print-sort-order
Tipo: String
Dettagli:

Valori validi: ‘asc’, ‘desc’. Rilevante solo se è impostato printSortColumn.
Default: 'asc'

printStyles

Attributo: data-print-styles
Tipo: Array
Dettagli:

Aggiunge stili alla pagina stampata, come icone personalizzate.
Default: []

Icons

print: 'fa-print'

Opzioni della colonna

printFilter

Attributo: data-print-filter
Tipo: String
Dettagli:

Imposta il valore per filtrare i dati stampati per questa colonna.
Default: undefined

printFormatter

Attributo: data-print-formatter
Tipo: Function
Dettagli:

Una funzione personalizzata function(value, row, index) - restituisce una stringa. Formatta i valori delle celle per questa colonna nella tabella stampata. Il comportamento della funzione è simile all’opzione di colonna ‘formatter’.
Default: undefined

printIgnore

Attributo: data-print-ignore
Tipo: Boolean
Dettagli:

Imposta true per nascondere questa colonna nella pagina stampata.
Default: false

Localizzazioni

formatPrint

Tipo: Function
Default: function () { return "Stampa" }