> For the complete documentation index, see [llms.txt](https://docs.dashcomb.com/dashcomb-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.dashcomb.com/dashcomb-help-center/ide/layout-component/row.md).

# Row

RowとはSectionの中の区切りとなります。行コンポーネントをドラッグ＆ドロップすると、セクションの一行は初期２列に分けられて、さらに各列に複数の[UIコンポーネント](/dashcomb-help-center/ide/ui-component.md)を入れることが可能です。同じカラムに[UIコンポーネント](/dashcomb-help-center/ide/ui-component.md)を入れる度に、該当行の高さが自動的に増えます。また、一つのSection コンポーネントに複数のRow コンポーネントを入れることも可能です。

### 共通 <a href="#row-common" id="row-common"></a>

* **オブジェクト** 行オブジェクトの変数名
  * 行をドラッグ＆ドロップすると、そのオブジェクトが自動的に `row1`、`row2`... と名付けられます。
* **非表示** ONにすると、該当行が非表示になります。

### データ <a href="#row-data" id="row-data"></a>

* **コラム** 該当行のコラム数
  * 初期値は `2` で、2から8までの整数の入力が可能です。

### 行の作成

レイアウトコンポーネントタブ内の行をドラッグ＆ドロップすると、セクション内に設置された行が作成されます。

<figure><img src="/files/gkYKQQ67z2bkRXopMGIu" alt=""><figcaption></figcaption></figure>

### レイアウトの変更

* ゴミ箱アイコンでColumnの削除ができます。
* プラスアイコンでColumnの追加ができます。
* ColumnとColumnの間にあるハンドルをドラッグすると幅を変更できます。

<figure><img src="/files/NPPkpCOc9q71Kwy8NPzL" alt=""><figcaption></figcaption></figure>