Class Columns

欄

Columns 小工具會在資訊卡或對話方塊中顯示最多 2 欄。您可以新增小工具 各 Column；小工具會按指定順序顯示舉例來說， Google Chat 應用程式，請參閱資料欄。

每個資料欄的高度取決於較高資料欄。舉例來說 高度大於第二欄，兩欄的高度都是第一欄。由於每個 這欄可包含的小工具數量各有不同，您無法定義列，也不能對齊

這兩欄會並排顯示。您可以使用 「HorizontalSizeStyle」欄位。如果使用者螢幕寬度太窄，第二欄 倒數第一種：

  • 在網頁上，第二欄會在螢幕寬度小於或等於 480 像素時換行。
  • 在 iOS 裝置上，如果螢幕寬度小於或等於 300，第二欄則會換行 第 篇
  • 在 Android 裝置上，如果螢幕寬度小於或等於，第二欄則會納入 320 dp。

適用於 Google Chat 應用程式和 Google Workspace 外掛程式。 

// Build a column that is aligned in the center and fills the space:
const column = CardService.newColumn()
    .setHorizontalSizeStyle(CardService.HorizontalSizeStyle.FILL_AVAILABLE_SPACE)
    .setHorizontalAlignment(CardService.HorizontalAlignment.CENTER)
    .setVerticalAlignment(CardService.VerticalAlignment.CENTER);
const columns = CardService.newColumns()
    .addColumn(column)
    .setWrapStyle(CardService.WrapStyle.WRAP);

方法

方法傳回類型簡短說明
addColumn(column)Columns將 Column 新增至「欄」小工具。
setWrapStyle(wrapStyle)Columns設定資料欄的納入樣式，可控制資料欄如何根據螢幕寬度調整大小。

內容詳盡的說明文件

addColumn(column)

將 Column 新增至「欄」小工具。資料欄的顯示順序 這些日期：您最多可以新增兩個資料欄。 

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn());

參數

名稱類型說明
columnColumn要新增至「欄」小工具的子項欄。

回攻員

Columns：這個物件用於鏈結。

setWrapStyle(wrapStyle)

設定資料欄的納入樣式，可控制資料欄如何根據螢幕寬度調整大小。 

const columns = CardService.newColumns()
    .addColumn(CardService.newColumn())
    .setWrapStyle(CardService.WrapStyle.WRAP);

參數

名稱類型說明
wrapStyleWrapStyle用於資料欄的包裝樣式。

回攻員

Columns：這個物件用於鏈結。