From 010b565b48ee46cce6b28ced4cf7ab81bb7e86d0 Mon Sep 17 00:00:00 2001
From: wenzhixin <wenzhixin2010@gmail.com>
Date: Sun, 3 May 2026 21:45:13 +0800
Subject: [PATCH] Add print extension test pages

---
 .../extensions/print/print-printFilter.html   | 37 ++++++++++++++++
 .../print/print-printFormatter.html           | 42 +++++++++++++++++++
 .../extensions/print/print-printIgnore.html   | 40 ++++++++++++++++++
 .../extensions/print/print-printSort.html     | 39 +++++++++++++++++
 .../extensions/print/print-showFooter.html    | 40 ++++++++++++++++++
 for-tests/extensions/print/print.html         | 37 ++++++++++++++++
 6 files changed, 235 insertions(+)
 create mode 100644 for-tests/extensions/print/print-printFilter.html
 create mode 100644 for-tests/extensions/print/print-printFormatter.html
 create mode 100644 for-tests/extensions/print/print-printIgnore.html
 create mode 100644 for-tests/extensions/print/print-printSort.html
 create mode 100644 for-tests/extensions/print/print-showFooter.html
 create mode 100644 for-tests/extensions/print/print.html

diff --git a/for-tests/extensions/print/print-printFilter.html b/for-tests/extensions/print/print-printFilter.html
new file mode 100644
index 00000000..e8371b1a
--- /dev/null
+++ b/for-tests/extensions/print/print-printFilter.html
@@ -0,0 +1,37 @@
+<script>
+  init({
+    title: 'Print printFilter',
+    desc: 'Test printFilter column option.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="status" data-print-filter="active">Status</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', status: 'active' },
+        { id: 2, name: 'Item 2', status: 'inactive' },
+        { id: 3, name: 'Item 3', status: 'active' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/print/print-printFormatter.html b/for-tests/extensions/print/print-printFormatter.html
new file mode 100644
index 00000000..0601753e
--- /dev/null
+++ b/for-tests/extensions/print/print-printFormatter.html
@@ -0,0 +1,42 @@
+<script>
+  init({
+    title: 'Print printFormatter',
+    desc: 'Test printFormatter column option.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price"
+        data-print-formatter="priceFormatter">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', price: 100 },
+        { id: 2, name: 'Item 2', price: 200 },
+        { id: 3, name: 'Item 3', price: 300 }
+      ]
+    })
+  }
+
+  window.priceFormatter = function (value) {
+    return `$${value.toFixed(2)}`
+  }
+</script>
diff --git a/for-tests/extensions/print/print-printIgnore.html b/for-tests/extensions/print/print-printIgnore.html
new file mode 100644
index 00000000..4c9b4003
--- /dev/null
+++ b/for-tests/extensions/print/print-printIgnore.html
@@ -0,0 +1,40 @@
+<script>
+  init({
+    title: 'Print printIgnore',
+    desc: 'Test printIgnore column option.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true"
+  data-show-footer="true">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price" data-print-ignore="true" data-footer-formatter="totalFormatter">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', price: '$100' },
+        { id: 2, name: 'Item 2', price: '$200' },
+        { id: 3, name: 'Item 3', price: '$300' }
+      ]
+    })
+  }
+
+  window.totalFormatter = data => 'Total'
+</script>
diff --git a/for-tests/extensions/print/print-printSort.html b/for-tests/extensions/print/print-printSort.html
new file mode 100644
index 00000000..e3e41fb2
--- /dev/null
+++ b/for-tests/extensions/print/print-printSort.html
@@ -0,0 +1,39 @@
+<script>
+  init({
+    title: 'Print printSort',
+    desc: 'Test printSortColumn and printSortOrder options.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true"
+  data-print-sort-column="name"
+  data-print-sort-order="desc">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Banana', price: '$100' },
+        { id: 2, name: 'Apple', price: '$200' },
+        { id: 3, name: 'Cherry', price: '$300' }
+      ]
+    })
+  }
+</script>
diff --git a/for-tests/extensions/print/print-showFooter.html b/for-tests/extensions/print/print-showFooter.html
new file mode 100644
index 00000000..27c9d077
--- /dev/null
+++ b/for-tests/extensions/print/print-showFooter.html
@@ -0,0 +1,40 @@
+<script>
+  init({
+    title: 'Print showFooter',
+    desc: 'Test showFooter with print output.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true"
+  data-show-footer="true">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price" data-footer-formatter="totalFormatter">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', price: 100 },
+        { id: 2, name: 'Item 2', price: 200 },
+        { id: 3, name: 'Item 3', price: 300 }
+      ]
+    })
+  }
+
+  window.totalFormatter = data => `$${data.reduce((sum, item) => sum + item.price, 0)}`
+</script>
diff --git a/for-tests/extensions/print/print.html b/for-tests/extensions/print/print.html
new file mode 100644
index 00000000..69145ddd
--- /dev/null
+++ b/for-tests/extensions/print/print.html
@@ -0,0 +1,37 @@
+<script>
+  init({
+    title: 'Print showPrint',
+    desc: 'Test showPrint option.',
+    links: [
+      'bootstrap-table.min.css'
+    ],
+    scripts: [
+      'bootstrap-table.min.js',
+      'extensions/print/bootstrap-table-print.min.js'
+    ]
+  })
+</script>
+
+<table
+  id="table"
+  data-show-print="true">
+  <thead>
+    <tr>
+      <th data-field="id">ID</th>
+      <th data-field="name">Name</th>
+      <th data-field="price">Price</th>
+    </tr>
+  </thead>
+</table>
+
+<script>
+  function mounted () {
+    $('#table').bootstrapTable({
+      data: [
+        { id: 1, name: 'Item 1', price: '$100' },
+        { id: 2, name: 'Item 2', price: '$200' },
+        { id: 3, name: 'Item 3', price: '$300' }
+      ]
+    })
+  }
+</script>