#補足
前回、設定ファイルとCSSについてUPしませんでしたので、それらのファイルについてもUPします。
- Config.gs
- css.html
なんと言う事はないのですが、これで同じ画面が表示できると思います。
Config.gs
// ファイル(スプレッドシート)のID
var ViewingRecordID = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'; //「映画鑑賞記録」のファイルID
css.html
<style>
table#resultList {
width: 1100px;
}
div.container-fluid {
text-align: -webkit-center;
}
/*スクロール用*/
thead.scrollHead,tbody.scrollBody {
display: block;
}
tbody.scrollBody {
overflow-y: scroll;
height: 810px;
}
.head01 {
width: 55px;
text-align: center;
}
.head02 {
width: 500px;
text-align: center;
}
.head03 {
width: 80px;
text-align: center;
}
.head04 {
width: 355px;
text-align: center;
}
.col01 {
width: 55px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.col02 {
width: 500px;
display: table-cell;
text-align: left;
vertical-align: middle;
}
.col03 {
width: 80px;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.col04 {
width: 355px;
display: table-cell;
text-align: left;
vertical-align: middle;
}
</style>
◆前の記事 GASでWebアプリ「映画鑑賞記録」を作る①
◆次の記事 GASでWebアプリ「映画鑑賞記録」を作る③