[Question]How to control a Column to use the rest space of screen?

[MicroH]

Question

I want to create a scrollable Column. But I don't want to set height property for it. I want it to use the reset of the screen space.
I've tried to set scroll=ft.ScrollMode.ALWAYS , but it make no effect without height property.

How should I do?

Code sample

# TestControl.py
import flet as ft


class TestControl(ft.UserControl):
    def __init__(self):
        super().__init__()
        self.version_display = ft.Text('- -')
        self.ratio_table = ft.DataTable(
            border=ft.border.all(1),
            border_radius=10,
            columns=[
                ft.DataColumn(ft.Text('类别')),
                ft.DataColumn(ft.Text('比例')),
            ],
            rows=[
                ft.DataRow(cells=[
                    ft.DataCell(ft.Text('类1')),
                    ft.DataCell(ft.Text('NA')),
                ]),
                ft.DataRow(cells=[
                    ft.DataCell(ft.Text('类2')),
                    ft.DataCell(ft.Text('NA')),
                ]),
                ft.DataRow(cells=[
                    ft.DataCell(ft.Text('类3')),
                    ft.DataCell(ft.Text('NA')),
                ]),
                ft.DataRow(cells=[
                    ft.DataCell(ft.Text('类4')),
                    ft.DataCell(ft.Text('NA')),
                ])
            ]
        )

    def build(self):
        return ft.Column(
            controls=[
                self.version_display,
                self.ratio_table,
            ],
            scroll=ft.ScrollMode.ALWAYS,
            expand=True
        )
-----
# TestControl2.py
import flet as ft

from TestControl import TestControl


class TestControl2(ft.UserControl):
    def __init__(self):
        super().__init__()
        self.test_control1 = TestControl()
        self.update_button = ft.FilledButton('更新', on_click=self.update_table)
        self.m_column = ft.Column(controls=[
            ft.Row(controls=[
                ft.Text('hello'),
                ft.Text('world'),
                self.update_button
            ]),
            self.test_control1,
        ], scroll=ft.ScrollMode.ALWAYS, expand=True)

    def build(self):
        return self.m_column

    def update_table(self, e):
        for i in range(0, 60):
            self.test_control1.ratio_table.rows.append(ft.DataRow(cells=[
                ft.DataCell(ft.Text(f'类{i}')),
                ft.DataCell(ft.Text('NA')),
            ]))
        self.test_control1.update()
------
# main.py
import flet as ft

from TestControl2 import TestControl2


def main(page: ft.Page):
    page.title = '无极'
    page.bgcolor = '#B2DFDB'
    page.add(TestControl2())


ft.app(target=main)

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ingdesarr1]

Scroll property is only for show the scroll on the side of the Column. Maybe if you put width=float("inf") of height=float("inf") in the properties of the Column could work.

[MicroH]

As I said, I want the content in Column to use the rest space of the screen. If I use width=float("inf") or height=float("inf") property, the Column may be either too short or too long for my content.