mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
43 lines
604 B
Markdown
43 lines
604 B
Markdown
# Column-span
|
|
|
|
The `column-span` style specifies how many rows a widget will span in a grid layout.
|
|
|
|
## Syntax
|
|
|
|
```sass
|
|
column-span: <INTEGER>
|
|
```
|
|
|
|
## Example
|
|
|
|
The example below shows a 4 by 4 grid where many placeholders span over several columns.
|
|
|
|
=== "Output"
|
|
|
|
```{.textual path="docs/examples/styles/column_span.py"}
|
|
```
|
|
|
|
=== "column_span.py"
|
|
|
|
```py
|
|
--8<-- "docs/examples/styles/column_span.py"
|
|
```
|
|
|
|
=== "column_span.css"
|
|
|
|
```css
|
|
--8<-- "docs/examples/styles/column_span.css"
|
|
```
|
|
|
|
## CSS
|
|
|
|
```sass
|
|
column-span: 3
|
|
```
|
|
|
|
## Python
|
|
|
|
```py
|
|
widget.styles.column_span = 3
|
|
```
|