Bootstrap Table Print

افزونه Print برای Bootstrap Table.

در این صفحه

یک دکمه به نوار ابزار اضافه می‌کند تا جدول را در فرمت پیکربندی شده پیش‌تعریف شده چاپ کند.

استفاده

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

مثال

گزینه‌ها

showPrint

ویژگی: data-show-print
نوع: Boolean
جزئیات:

برای نمایش دکمه Print در نوار ابزار، روی true تنظیم کنید.
پیش‌فرض: false

printAsFilteredAndSortedOnUI

ویژگی: data-print-as-filtered-and-sorted-on-ui
نوع: Boolean
جزئیات:

برای چاپ جدول به صورت مرتب‌سازی شده و فیلتر شده روی UI، روی true تنظیم کنید. اگر true تنظیم شود، گزینه‌های پیش‌تعریف شده صریح برای فیلتر و مرتب‌سازی (printFilter, printSortOrder, printSortColumn) اعمال می‌شوند. آن‌ها به داده‌هایی که ஏறلاً توسط کنترل‌های UI فیلتر و مرتب‌سازی شده‌اند، اعمال می‌شوند. برای چاپ داده‌های به صورت فیلتر شده و مرتب‌سازی شده روی UI - این سه گزینه را تنظیم نکنید: 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
جزئیات:

مقادیر معتبر: ‘asc’, ‘desc’. فقط در صورت تنظیم printSortColumn مربوط است.
پیش‌فرض: '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 "چاپ" }