# Row

RowとはSectionの中の区切りとなります。行コンポーネントをドラッグ＆ドロップすると、セクションの一行は初期２列に分けられて、さらに各列に複数の[UIコンポーネント](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component)を入れることが可能です。同じカラムに[UIコンポーネント](https://docs.dashcomb.com/dashcomb-help-center/ide/ui-component)を入れる度に、該当行の高さが自動的に増えます。また、一つの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="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-2fb0932f3b67a305b0e7d6bf2f9d94656f48070f%2Frow01.png?alt=media" alt=""><figcaption></figcaption></figure>

### レイアウトの変更

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

<figure><img src="https://3498714457-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgIESKBveovlGvQ1BqYEP%2Fuploads%2Fgit-blob-0b25b58e1e1d87e74c238e746d5fef4f73cd170a%2Frow02.png?alt=media" alt=""><figcaption></figcaption></figure>