前提・実現したいこと
作成した領域数に応じて印刷されるようにしたいです。
発生している問題・エラーメッセージ
GASでホームページを作成しました。
tableを使わずdivで「表のような」領域を複数作成して、ひとつの領域をA4:1枚に印刷されるように考えました。3つの領域を作成したら3枚に分かれて印刷される目論見でした。
ところが、Chromeでの印刷は必ずページ数が1枚となり、ひとつめの領域しかプレビューされません。
画面上で、内容を選択すると2枚、3枚とプレビューされます。
該当のソースコード
蛇足ですが、該当するデータを1から順に並べていき(//1)、10データ揃うと次の領域に書き出す(//2)といった内容にしてあります。領域の作成上はうまくいっているのですが・・・。
<body> <? var bcount = 0; for(var b=1;b<emvr;b++){//1 if(emv[b][2].indexOf(belo) >= 0){//2 var bcount = bcount +1; if(bcount % 10 == 1){ output.append('<div class="A">') output.append('<div class="B1">内容1</div>') }else if(bcount % 10 == 0){ output.append('<div class="B10">内容10</div>') output.append('</div>') }else{ output.append('<div class="B">内容2~9</div>') } }//2 }//1 ?> </body>試したこと
CSS
body {
background-color:#DCDDDD;
}
.A {
width: 277mm;
background-color:white;
page-break-after: always;
}
.B {
width: 15mm;
height:10mm;
background-color:blue;
font-size:3;
}
.B1 {
width: 15mm;
height:10mm;
background-color:red;
font-size:3;
}
.B10 {
width: 15mm;
height:10mm;
background-color:green;
font-size:3;
}
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。