Bootstrap Table Print

Extension Table Print de Bootstrap Table.

Sur cette page

Ajoute un bouton à la barre d’outils pour imprimer le tableau dans un format prédéfini configurable.

Utilisation

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

Exemple

Imprimer

Options

showPrint

attribut : data-show-print
type : Boolean
Détail :

Définissez true pour afficher le bouton Imprimer sur la barre d’outils.
Par défaut : false

printAsFilteredAndSortedOnUI

attribut : data-print-as-filtered-and-sorted-on-ui
type : Boolean
Détail :

Définissez true pour imprimer le tableau tel qu’il est trié et filtré sur l’interface utilisateur. Si true est défini, les options d’impression prédéfinies explicites pour le filtrage et le tri (printFilter, printSortOrder, printSortColumn). Elles seront appliquées aux données déjà filtrées et triées par les contrôles de l’interface utilisateur. Pour imprimer les données telles qu’elles sont filtrées et triées sur l’interface utilisateur - ne définissez pas ces trois options : printFilter, printSortOrder, printSortColumn.
Par défaut : true

printPageBuilder

attribut : data-print-page-builder
type : Function
Détail :

Reçoit l’élément HTML <table> en tant que paramètre de chaîne, retourne une chaîne HTML pour l’impression. Cette option est utilisée pour le style et l’ajout d’un en-tête ou d’un pied de page.
Par défaut :

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

attribut : data-print-sort-column
type : String
Détail :

Définissez le nom du champ de colonne pour trier le tableau imprimé.
Par défaut : undefined

printSortOrder

attribut : data-print-sort-order
type : String
Détail :

Valeurs valides : ‘asc’, ‘desc’. Pertinent uniquement si printSortColumn est défini.
Par défaut : 'asc'

printStyles

attribut : data-print-styles
type : Array
Détail :

Ajoutez des styles à la page imprimée, tels que des icônes personnalisées.
Par défaut : []

Icônes

print: 'fa-print'

Options de colonne

printFilter

attribut : data-print-filter
type : String
Détail :

Définissez la valeur pour filtrer les données imprimées par cette colonne.
Par défaut : undefined

printFormatter

attribut : data-print-formatter
type : Function
Détail :

Une function(value, row, index) personnalisée - retourne une chaîne. Formate les valeurs des cellules pour cette colonne dans le tableau imprimé. Le comportement de la fonction est similaire à l’option de colonne ‘formatter’.
Par défaut : undefined

printIgnore

attribut : data-print-ignore
type : Boolean
Détail :

Définissez true pour cacher cette colonne sur la page imprimée.
Par défaut : false

Localisations

formatPrint

type : Function
Par défaut : function () { return "Print" }