Skip to content

Commit 9cc1743

Browse files
wenzhixinwenzhixin
committed
Add print extension test pages
1 parent 8bae62f commit 9cc1743

6 files changed

Lines changed: 237 additions & 0 deletions

File tree

‎for-tests/extensions/print/print-printFilter.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<script>
2+
init({
3+
title: 'Print printFilter',
4+
desc: 'Test printFilter column option.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true">
18+
<thead>
19+
<tr>
20+
<th data-field="id">ID</th>
21+
<th data-field="name">Name</th>
22+
<th data-field="status" data-print-filter="active">Status</th>
23+
</tr>
24+
</thead>
25+
</table>
26+
27+
<script>
28+
function mounted () {
29+
$('#table').bootstrapTable({
30+
data: [
31+
{id: 1, name: 'Item 1', status: 'active'},
32+
{id: 2, name: 'Item 2', status: 'inactive'},
33+
{id: 3, name: 'Item 3', status: 'active'}
34+
]
35+
})
36+
}
37+
</script>

‎for-tests/extensions/print/print-printFormatter.html‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<script>
2+
init({
3+
title: 'Print printFormatter',
4+
desc: 'Test printFormatter column option.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true">
18+
<thead>
19+
<tr>
20+
<th data-field="id">ID</th>
21+
<th data-field="name">Name</th>
22+
<th data-field="price"
23+
data-print-formatter="priceFormatter">Price</th>
24+
</tr>
25+
</thead>
26+
</table>
27+
28+
<script>
29+
function mounted () {
30+
$('#table').bootstrapTable({
31+
data: [
32+
{id: 1, name: 'Item 1', price: 100},
33+
{id: 2, name: 'Item 2', price: 200},
34+
{id: 3, name: 'Item 3', price: 300}
35+
]
36+
})
37+
}
38+
39+
function priceFormatter (value) {
40+
return '$' + value.toFixed(2)
41+
}
42+
</script>

‎for-tests/extensions/print/print-printIgnore.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<script>
2+
init({
3+
title: 'Print printIgnore',
4+
desc: 'Test printIgnore column option.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true">
18+
<thead>
19+
<tr>
20+
<th data-field="id">ID</th>
21+
<th data-field="name">Name</th>
22+
<th data-field="price" data-print-ignore="true">Price</th>
23+
</tr>
24+
</thead>
25+
</table>
26+
27+
<script>
28+
function mounted () {
29+
$('#table').bootstrapTable({
30+
data: [
31+
{id: 1, name: 'Item 1', price: '$100'},
32+
{id: 2, name: 'Item 2', price: '$200'},
33+
{id: 3, name: 'Item 3', price: '$300'}
34+
]
35+
})
36+
}
37+
</script>

‎for-tests/extensions/print/print-printSort.html‎

Lines changed: 39 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,39 @@
1+
<script>
2+
init({
3+
title: 'Print printSort',
4+
desc: 'Test printSortColumn and printSortOrder options.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true"
18+
data-print-sort-column="name"
19+
data-print-sort-order="desc">
20+
<thead>
21+
<tr>
22+
<th data-field="id">ID</th>
23+
<th data-field="name">Name</th>
24+
<th data-field="price">Price</th>
25+
</tr>
26+
</thead>
27+
</table>
28+
29+
<script>
30+
function mounted () {
31+
$('#table').bootstrapTable({
32+
data: [
33+
{id: 1, name: 'Banana', price: '$100'},
34+
{id: 2, name: 'Apple', price: '$200'},
35+
{id: 3, name: 'Cherry', price: '$300'}
36+
]
37+
})
38+
}
39+
</script>

‎for-tests/extensions/print/print-showFooter.html‎

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<script>
2+
init({
3+
title: 'Print ShowFooter',
4+
desc: 'Test showFooter with print output contains tfoot tag.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true"
18+
data-show-footer="true">
19+
<thead>
20+
<tr>
21+
<th data-field="id">ID</th>
22+
<th data-field="name">Name</th>
23+
<th data-field="price" data-print-ignore="true">Price</th>
24+
</tr>
25+
</thead>
26+
<tfoot>
27+
<tr>
28+
<th>3</th>
29+
<th>Total</th>
30+
<th>$600</th>
31+
</tr>
32+
</tfoot>
33+
</table>
34+
35+
<script>
36+
function mounted () {
37+
$('#table').bootstrapTable({
38+
data: [
39+
{id: 1, name: 'Item 1', price: '$100'},
40+
{id: 2, name: 'Item 2', price: '$200'},
41+
{id: 3, name: 'Item 3', price: '$300'}
42+
]
43+
})
44+
}
45+
</script>

‎for-tests/extensions/print/print.html‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<script>
2+
init({
3+
title: 'Print ShowPrint',
4+
desc: 'Test showPrint option.',
5+
links: [
6+
'bootstrap-table.min.css'
7+
],
8+
scripts: [
9+
'bootstrap-table.min.js',
10+
'extensions/print/bootstrap-table-print.min.js'
11+
]
12+
})
13+
</script>
14+
15+
<table
16+
id="table"
17+
data-show-print="true">
18+
<thead>
19+
<tr>
20+
<th data-field="id">ID</th>
21+
<th data-field="name">Name</th>
22+
<th data-field="price">Price</th>
23+
</tr>
24+
</thead>
25+
</table>
26+
27+
<script>
28+
function mounted () {
29+
$('#table').bootstrapTable({
30+
data: [
31+
{id: 1, name: 'Item 1', price: '$100'},
32+
{id: 2, name: 'Item 2', price: '$200'},
33+
{id: 3, name: 'Item 3', price: '$300'}
34+
]
35+
})
36+
}
37+
</script>

0 commit comments

Comments
 (0)