Centered DataColumn/DataRow/DataCell in a DataTable

[tobsome]

Question

Hi guys,

I'm trying to center my DataColumns and DataCells in a DataTable but whatever I do, nothing works. Can you help me here? For example I want to center the "Deactivate" column in the row and the checkbox below as well to make it look perfectly in centered row below each other.

I colored the table to have a better view on the cells. When it's white like the background it looks totally weird and unstructured.

Code sample

# My table
        self.result_table = ft.DataTable(
            horizontal_margin=0,
            columns=[
                ft.DataColumn(ft.Container(ft.Text("No.", weight="bold"),)),
                ft.DataColumn(ft.Text("Text 1", weight="bold")),
                ft.DataColumn(ft.Text("Text 2", weight="bold")),
                ft.DataColumn(ft.Text("Text 3", weight="bold")),
                ft.DataColumn(ft.Text("Text 4", weight="bold")),
                ft.DataColumn(ft.Text("Text 5", weight="bold")),
                ft.DataColumn(ft.Text("Text 6", weight="bold")),
                ft.DataColumn(ft.Text("Text 7", weight="bold")),
                ft.DataColumn(ft.Text("Text 8", weight="bold")),
                ft.DataColumn(ft.Text("Deactivate", weight="bold", text_align=ft.alignment.center),
                              ft.MainAxisAlignment.CENTER),
            ],
            expand=True,
            vertical_lines=ft.BorderSide(3, "blue"),
            rows=[],
            bgcolor=ft.colors.RED_400,
            data_text_style=ft.alignment.center,
        )

# My DataRow
row = ft.DataRow(cells=[
            ft.DataCell(ft.Text("1")),
            ft.DataCell(ft.Text("Text")),
            ft.DataCell(ft.Text("Text2")),
            ft.DataCell(ft.Text("Text3")),
            ft.DataCell(ft.Text("Text4")),
            ft.DataCell(ft.Text("Text5")),
            ft.DataCell(ft.Text("Text6")),
            ft.DataCell(ft.Text("Text7")),
            ft.DataCell(ft.Text("Text8")),
            ft.DataCell(deactivate_checkbox),
        ])

# Displaying it in a ResponsiveRow
                ft.ResponsiveRow(
                    controls=[self.result_table],
                ),

Error message

No response

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

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

[LL1yt]

The only way I've found to align text within a cell is by setting explicit sizes of the ft.Text, as expand=True doesn't seem to be working.