質問編集履歴
1
修正中のコードについて追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
### (1)@pageのsizeを以下に設定する。
|
|
17
17
|
|
|
18
|
-
```
|
|
18
|
+
```HTML
|
|
19
19
|
@page {
|
|
20
20
|
size: 80mm auto;
|
|
21
21
|
margin: 0mm;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
|
|
28
28
|
### (2)page-break-系を使用する
|
|
29
29
|
|
|
30
|
-
```
|
|
30
|
+
```HTML
|
|
31
31
|
.page-break {
|
|
32
32
|
display:block;
|
|
33
33
|
/* 以下のいずれかを設定 */
|
|
@@ -44,4 +44,47 @@
|
|
|
44
44
|
期待：対象のテーブル内で改ページしない
|
|
45
45
|
結果：反映されない
|
|
46
46
|
|
|
47
|
-
ご確認お願い致します。
|
|
47
|
+
ご確認お願い致します。
|
|
48
|
+
|
|
49
|
+
```HTML
|
|
50
|
+
<apex:page showheader="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" renderas="pdf">
|
|
51
|
+
<html>
|
|
52
|
+
<head>
|
|
53
|
+
<style type="text/css">
|
|
54
|
+
/** ページのサイズ・領域 */
|
|
55
|
+
@page {
|
|
56
|
+
size: 80mm;
|
|
57
|
+
margin: 10px;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
body {
|
|
61
|
+
font-family: "Arial Unicode MS";
|
|
62
|
+
font-size: 10px;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
table {
|
|
66
|
+
width: 100%;
|
|
67
|
+
table-layout: fixed;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.page-break {
|
|
71
|
+
display:block;
|
|
72
|
+
/* メモ：改ページ制御できない */
|
|
73
|
+
/* page-break-after: avoid; */
|
|
74
|
+
/* page-break-before: avoid; */
|
|
75
|
+
/* page-break-inside: avoid; */
|
|
76
|
+
}
|
|
77
|
+
</style>
|
|
78
|
+
</head>
|
|
79
|
+
<body>
|
|
80
|
+
<div class="page-break">
|
|
81
|
+
<table border="1">
|
|
82
|
+
<tbody>
|
|
83
|
+
<!-- <apex:repeat>を使用した動的なテーブル -->
|
|
84
|
+
</tbody>
|
|
85
|
+
</table>
|
|
86
|
+
</div>
|
|
87
|
+
</body>
|
|
88
|
+
</html>
|
|
89
|
+
</apex:page>
|
|
90
|
+
```
|