Class Columns

欄

Columns 小工具會在資訊卡或對話方塊中顯示最多 2 欄。您可以將小工具新增到每個 Column，小工具會依照指定的順序顯示。如需 Google Chat 應用程式中的範例，請參閱資料欄。

每個欄的高度是由較高欄決定。例如，如果第一欄的高度大於第二欄，則兩個資料欄的高度都是第一欄。由於每個資料欄可能包含不同數量的小工具，因此您無法定義資料列或對齊資料欄之間的小工具。

欄並列顯示。您可以使用 HorizontalSizeStyle 欄位自訂每個資料欄的寬度。如果使用者的螢幕寬度太窄，第二欄會納入第一個欄以下：

  • 使用網頁時，如果螢幕寬度小於或等於 480 像素，則會納入第二欄。
  • 在 iOS 裝置上，如果螢幕寬度小於或等於 300 pt，則可納入第二欄。
  • 在 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：這個物件用於鏈結。