LoginSignup
0
0

More than 1 year has passed since last update.

GASでWebアプリ「映画鑑賞記録」を作る② / ExcelファイルをWebアプリに変換する(後編)

Last updated at Posted at 2020-03-31

補足

 前回、設定ファイルとCSSについてUPしませんでしたので、それらのファイルについてもUPします。

  • Config.gs
  • css.html

 なんと言う事はないのですが、これで同じ画面が表示できると思います。:sweat_smile: :sweat_drops:

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アプリ「映画鑑賞記録」を作る③

◆索引 GASでWebアプリ「映画鑑賞記録」を作る《索引》

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0