# Rows

## Content Rows

Content Rows are composed of cells. Structurally speaking, a column definition constructs a cell definition.

Content Rows extend the entire DikeGrid width. The following output shows some Content Rows:

![Content Rows](/files/6nxT9O1vvVUxCvlIkZx0)

The highlighted Content Rows have one column definition in the CSS Grid Layout specification. Therefore, the DikeGrid CSS Grid Layout will have three template columns when defining columns in all panels of the DikeGrid.

{% hint style="info" %}
See the [Panels' structure](/fundamentals/grid-structure/panels.md) for more details.
{% endhint %}

Inside the Content Rows come the actual cell definitions. Content Rows use a nested CSS Grid Layout grid.

![Cell definitions](/files/t4qnhTY5Tvlxtvsqp4U2)

## Changing the Content Row height

By default, Content Rows have a height of **50 pixels**. However, you can change this height by providing a numeric value to the input property called <mark style="color:orange;">`contentRowHeight`</mark>.

{% code title="grid-structure.component.html" %}

```markup
<dike-grid id="grid-structure"
    [contentRowHeight]="gridProperties.contentRowHeight">
</dike-grid>
```

{% endcode %}

{% hint style="success" %}
You can also change the height of the Content Rows by providing the Injection Token called <mark style="color:blue;">`CONTENT_ROW_HEIGHT`</mark>.
{% endhint %}

Open the [Floating Configuration Panel](/overview.md#floating-configuration-panel), go to the **Rows** group, and type 100 in the **Content Row Height** textbox.

![Floating Configuration Panel - Rows](/files/WOJ84AArmFXF7YmOPsNs)

![Changing the Content Rows height](/files/I1NDiukLsygqWM0mddcx)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.dikesoft.com/fundamentals/grid-structure/rows.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.