Enabling scrolling in a DataTable

[Sim0nRoden]

Question

Hi,
Im searching for a function to enable scrolling in a DataTable since my rows in it are going out of the page. I already did try the things listed in this post but it didnt work for me. Is there a function that im missing?

Code sample

No response

Error message

No response

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

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

[ndonkoHenri]

There is no official way to scroll at the moment, but a hacky/nonofficial way is to put the datatable control in a Row with scroll enabled.

Let me know if it worked as expected.

[vindevoy]

I think a better way, for vertical scrolling, is the list view

[Sim0nRoden]

Hi,
thank you for your answer! I want vertical scrolling so it would need to enable scroll in a column.
My view currently looks like this:

I want the scroll only for the table and not the whole page since I intend to add another table right next to this one.
I tried adding a column to the Row of the table like this:

but then my table is not shown on the view. I'm not a pro with flet just trying things out so I may have some useless Controls in my view or smth.
Heres my table if you need it:

Thanks for the help

[Sim0nRoden]

Update: I removed the top Column of the view and the table still showed up (I guess it was just useless). After that I tried to add the scrolling and expand to it and I managed to get scrolling to work. I hope that I can somehow get the table header to always show and the scrolling is just for the rows, but thats optional. Now I have the problem that the table is not expanding (adding expand to the column of the table will move the scrollbar to the far left (it expands) but the table stays in the normal size (does not expand). Here is waht the view currently looks like:

    self.view = ft.Container(
        ft.Column([
            ft.Row([
                self.brokerDropdown
            ]),
            ft.Row([
                self.stockTable.addStockButton
            ]),
            ft.Row([
                ft.Column([
                    self.stockTable.table,
                ], scroll="adaptive"),
            ], expand=True),
        ]),
        padding=ft.padding.only(top=40, bottom=40, right=40)
    )

[batagope]

You can use ListView to enable scroll for Datatable

datatable = ft.DataTable(...)
lv = ft.ListView(expand=1, auto_scroll=True, padding=10)
lv.controls.append(datatable)

page.add(lv)

[Ben2022-cell]

If we add ListView to the Row(), that DataTable didn't scroll, how can be method to solution?

[sukarnar]

To enable scrolling to DataTable use Listview like below
ft.ListView(expand=1, auto_scroll=True, padding=10, controls=[ft.DataTable()])

[Ben2022-cell]

thank your answer.

[vindevoy]

I have tried the solution with the list view and that works, but only for vertical scrolling. My datatable has too many columns to show, but I don't get a horizontal scrollbar.