GASでスプレッドシートの行方向に交互の背景色を設定する

GASでスプレッドシートの行方向に交互の背景色を設定する
くら
くら

GASでスプレッドシートの行方向に交互の背景色を設定する方法を紹介します!

こんな人にむけた記事です。
  • GASを使って、スプレッドシートの行方向に交互の背景色を設定したい人
スポンサーリンク

交互の背景色を設定する:applyRowBanding()

指定した行方向に交互の背景色を設定します。

パラメータ

名前 タイプ 説明
なし なし なし

戻り値

Banding新しい交互の背景色

交互の背景色を設定する

function myFunction() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
  const range = sheet.getRange('1:1').applyRowBanding();
}

このような状態から

applyRowBanding() - 実行前1
実行前

サンプルコードを実行すると、

applyRowBanding() - 実行後1
実行後

公式ドキュメント:Range > applyRowBanding()

交互の背景色を設定する(カラーテーマ指定あり):applyRowBanding(bandingTheme)

指定した行方向に交互の背景色を設定します。(カラーテーマ指定あり)

パラメータ

名前 タイプ 説明
bandingTheme BandingTheme カラーテーマ指定します。(例:GREY)

戻り値

Banding新しい交互の背景色

交互の背景色を設定する(カラーテーマ指定あり)

function myFunction() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
  sheet.getRange('1:3').applyColumnBanding(SpreadsheetApp.BandingTheme.LIGHT_GREY);
  sheet.getRange('4:7').applyColumnBanding(SpreadsheetApp.BandingTheme.CYAN);
  sheet.getRange('8:11').applyColumnBanding(SpreadsheetApp.BandingTheme.GREEN);
  sheet.getRange('12:15').applyColumnBanding(SpreadsheetApp.BandingTheme.YELLOW);
  sheet.getRange('16:19').applyColumnBanding(SpreadsheetApp.BandingTheme.ORANGE);
  sheet.getRange('22:25').applyColumnBanding(SpreadsheetApp.BandingTheme.BLUE);
  sheet.getRange('28:31').applyColumnBanding(SpreadsheetApp.BandingTheme.TEAL);
  sheet.getRange('32:35').applyColumnBanding(SpreadsheetApp.BandingTheme.GREY);
  sheet.getRange('38:41').applyColumnBanding(SpreadsheetApp.BandingTheme.BROWN);
  sheet.getRange('42:45').applyColumnBanding(SpreadsheetApp.BandingTheme.LIGHT_GREEN);
  sheet.getRange('46:49').applyColumnBanding(SpreadsheetApp.BandingTheme.INDIGO);
  sheet.getRange('52:55').applyColumnBanding(SpreadsheetApp.BandingTheme.PINK);
}

このような状態から

applyRowBanding() - 実行前2
実行前

サンプルコードを実行すると、

applyRowBanding() - 実行後2
実行後

公式ドキュメント:Range > applyRowBanding(bandingTheme)

交互の背景色を設定する(カラーテーマ指定あり、オプションあり):applyRowBanding(bandingTheme, showHeader, showFooter)

指定した行方向に交互の背景色を設定します。(カラーテーマ指定あり、オプションあり)

パラメータ

名前 タイプ 説明
bandingTheme BandingTheme カラーテーマ指定します。(例:GREY)
showHeader Boolean TRUEの場合に、指定カラーテーマが最初の列に適用されます。
showFooter Boolean TRUEの場合に、指定カラーテーマが最後の列に適用されます。

戻り値

Banding新しい交互の背景色

交互の背景色を設定する(カラーテーマ指定あり、オプションあり)

function myFunction() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheets()[0];
  sheet.getRange('A1:E1').applyColumnBanding(SpreadsheetApp.BandingTheme.LIGHT_GREY, false, false);
  sheet.getRange('A2:E2').applyColumnBanding(SpreadsheetApp.BandingTheme.CYAN, true, true);
  sheet.getRange('A3:E3').applyColumnBanding(SpreadsheetApp.BandingTheme.GREEN, false, false);
  sheet.getRange('A4:E4').applyColumnBanding(SpreadsheetApp.BandingTheme.YELLOW, true, true);
  sheet.getRange('A5:E5').applyColumnBanding(SpreadsheetApp.BandingTheme.ORANGE, false, false);
  sheet.getRange('A6:E6').applyColumnBanding(SpreadsheetApp.BandingTheme.BLUE, true, true);
  sheet.getRange('A7:E7').applyColumnBanding(SpreadsheetApp.BandingTheme.TEAL, false, false);
  sheet.getRange('A8:E8').applyColumnBanding(SpreadsheetApp.BandingTheme.GREY, true, true);
  sheet.getRange('A9:E9').applyColumnBanding(SpreadsheetApp.BandingTheme.BROWN, false, false);
  sheet.getRange('A10:E10').applyColumnBanding(SpreadsheetApp.BandingTheme.LIGHT_GREEN, true, true);
  sheet.getRange('A11:E11').applyColumnBanding(SpreadsheetApp.BandingTheme.INDIGO, false, false);
  sheet.getRange('A12:E12').applyColumnBanding(SpreadsheetApp.BandingTheme.PINK, true, true);
}

このような状態から

applyRowBanding() - 実行前3
実行前

サンプルコードを実行すると、

applyRowBanding() - 実行後3
実行後

公式ドキュメント:Range > applyRowBanding(bandingTheme, showHeader, showFooter)

まとめ

くら
くら

スプレッドシートで行方向に交互の背景色を設定する方法でした!

列方向と組み合わせることで複雑な背景色も操作できそうですね!

applyRowBanding()の使いみち
  • GASを使って、表を自動生成して、背景色を交互にしてあげると見やすくていいかもです。

コメント

タイトルとURLをコピーしました