【Flet】テーブルデータを表示する

Flet を使ってテーブルデータを表示します。
公式ドキュメント

flet の DataTable クラスを使います。

実装

まずはサンプルコードの全コードを貼ります。

import flet as ft

def my_row(text1, num):
    return ft.DataRow(
        cells=[
            ft.DataCell(ft.Text(text1)),
            ft.DataCell(ft.Text(num)),
        ],
    )


def main(page: ft.Page):
    page.add(
        ft.DataTable(
            columns=[
                ft.DataColumn(ft.Text("Text1")),
                ft.DataColumn(ft.Text("Num"), numeric=True),
            ],
            rows=[
                my_row("test1", 1),
                my_row("test2", 2),
                my_row("test3", 3),
            ],
        ),
    )


ft.app(target=main)

まず、page.addの下にある以下のコードについてですが、

ft.DataTable(
    columns=[
        ft.DataColumn(ft.Text("Text1")),
        ft.DataColumn(ft.Text("Num"), numeric=True),
    ],

main 関数の中の ft.DataTableでテーブルデータを表示していきます。
引数の columns で見出し行を定義しています。

そして、以下のコードで、行を追加しています。

rows=[
    my_row("test1", 1),
    my_row("test2", 2),
    my_row("test3", 3),
],

my_row の中では、DataRow を使って行を生成しています。

def my_row(text1, num):
    return ft.DataRow(
        cells=[
            ft.DataCell(ft.Text(text1)),
            ft.DataCell(ft.Text(num)),
        ],
    )

コメント

タイトルとURLをコピーしました