メニュー

スプレッドシート│表を指定範囲にだけiframeで埋め込む方法

Google Spreadsheet ブログに指定した範囲の表だけを貼り付けるやり方。
ただ埋め込むだけだとシート全体が公開されてしまうので、注意。

海外でフリーランスをしているテクニカルアーティスト
ゲーム開発・映像制作・WEB制作等を請け負っています。
当ブログは作業効率化のための技術ブログです。

目次

ブログにスプレッドシートの表を貼り付けるやり方

  1. ファイル>ウェブに公開
  2. 埋め込むのボタンを押して、表示したいシート名を選ぶ
  3. 生成されるHTMLのコードを確認
  4. このままだとシート全体に公開されるのと、表の表示が小さいのでコードを書き加える

<iframe src="https://docs.google.com/spreadsheets/d/?????&amp;single=true&amp;widget=true&amp;headers=false"></iframe>

表のサイズ指定
iframe → iframe width="600" height="400"

表の範囲指定(A1:N14)
&amp;headers=false → &amp;range=A1%3AN14&

<iframe width="600" height="400" src="https://docs.google.com/spreadsheets/d/?????&amp;single=true&amp;widget=true&amp;range=A1%3AN14& "></iframe>

全記事一覧

  • URLをコピーしました!
目次