row-span style specifies how many rows a widget will span in a grid layout.
This style only affects widgets that are direct children of a widget with
row-span style accepts a single non-negative
<integer> that quantifies how many rows the given widget spans.
The example below shows a 4 by 4 grid where many placeholders span over several rows.
Notice that grid cells are filled from left to right, top to bottom.
After placing the placeholders
#p4, the next available cell is in the second row, fourth column, which is where the top of
from textual.app import App from textual.containers import Grid from textual.widgets import Placeholder class MyApp(App): CSS_PATH = "row_span.tcss" def compose(self): yield Grid( Placeholder(id="p1"), Placeholder(id="p2"), Placeholder(id="p3"), Placeholder(id="p4"), Placeholder(id="p5"), Placeholder(id="p6"), Placeholder(id="p7"), ) if __name__ == "__main__": app = MyApp() app.run()
column-spanto specify how many columns a widget spans.