質問編集履歴

1

修正中のコードについて追記しました。

2020/12/16 06:09

投稿

ryohei0704
ryohei0704

スコア10

test CHANGED
File without changes
test CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
 
34
34
 
35
- ```ここに言語を入力
35
+ ```HTML
36
36
 
37
37
  @page {
38
38
 
@@ -56,7 +56,7 @@
56
56
 
57
57
 
58
58
 
59
- ```ここに言語を入力
59
+ ```HTML
60
60
 
61
61
  .page-break {
62
62
 
@@ -91,3 +91,89 @@
91
91
 
92
92
 
93
93
  ご確認お願い致します。
94
+
95
+
96
+
97
+ ```HTML
98
+
99
+ <apex:page showheader="false" sidebar="false" applyHtmlTag="false" applyBodyTag="false" renderas="pdf">
100
+
101
+ <html>
102
+
103
+ <head>
104
+
105
+ <style type="text/css">
106
+
107
+ /** ページのサイズ・領域 */
108
+
109
+ @page {
110
+
111
+ size: 80mm;
112
+
113
+ margin: 10px;
114
+
115
+ }
116
+
117
+
118
+
119
+ body {
120
+
121
+ font-family: "Arial Unicode MS";
122
+
123
+ font-size: 10px;
124
+
125
+ }
126
+
127
+
128
+
129
+ table {
130
+
131
+ width: 100%;
132
+
133
+ table-layout: fixed;
134
+
135
+ }
136
+
137
+
138
+
139
+ .page-break {
140
+
141
+ display:block;
142
+
143
+ /* メモ:改ページ制御できない */
144
+
145
+ /* page-break-after: avoid; */
146
+
147
+ /* page-break-before: avoid; */
148
+
149
+ /* page-break-inside: avoid; */
150
+
151
+ }
152
+
153
+ </style>
154
+
155
+ </head>
156
+
157
+ <body>
158
+
159
+ <div class="page-break">
160
+
161
+ <table border="1">
162
+
163
+ <tbody>
164
+
165
+ <!-- <apex:repeat>を使用した動的なテーブル -->
166
+
167
+ </tbody>
168
+
169
+ </table>
170
+
171
+ </div>
172
+
173
+ </body>
174
+
175
+ </html>
176
+
177
+ </apex:page>
178
+
179
+ ```