multiple Datatable in TabbedPane:

[sarangdhonde]

I am trying to create datatable into different tabbed panes in order to create a dashboard with Datatables

but cant seems to get it right

from textual.app import App, ComposeResult
from textual.widgets import Footer, Label, Markdown, TabbedContent, TabPane,DataTable

from textual.binding import Binding



ROWS =[
    ("lane", "swimmer", "country", "time"),
    (4, "Joseph Schooling", "Singapore", 50.39),
    (2, "Michael Phelps", "United States", 51.14),
    (5, "Chad le Clos", "South Africa", 51.14),
    (6, "László Cseh", "Hungary", 51.14),
    (3, "Li Zhuhao", "China", 51.26),
    (8, "Mehdy Metella", "France", 51.58),
    (7, "Tom Shields", "United States", 51.73),
    (1, "Aleksandr Sadovnikov", "Russia", 51.84),
    (10, "Darren Burns", "Scotland", 51.84),
]


NEWROWS =[
    ("lane", "swimmer", "country", "time"),
    (4, "Joseph Schooling", "Singapore", 50.39),
    (2, "Michael Phelps", "United States", 51.14),
    (5, "Chad le Clos", "South Africa", 51.14),
    (6, "László Cseh", "Hungary", 51.14),
    (3, "Li Zhuhao", "China", 51.26),
    (8, "Mehdy Metella", "France", 51.58),
    (7, "Tom Shields", "United States", 51.73),
    (1, "Aleksandr Sadovnikov", "Russia", 51.84),
    (10, "Darren Burns", "Scotland", 51.84),
]
class TabbedApp(App):
    """An example of tabbed content."""

    BINDINGS = [
        ("l", "show_tab('exp_imp_Stats')", "exp_imp_Stats"),
        ("j", "show_tab('Online_Stats')", "OnlineStats"),
        ("p", "show_tab('Offline_Stats')", "OfflineStats"),
        ("e", "show_tab('Overall_Stats')", "OverallStats"),
        ("r","show_tab('rows')", "Rows"),
        Binding(key="q", action="quit", description="Quit the app"),
        Binding(
            key="question_mark",
            action="help",
            description="Show help screen",
            key_display="?",
        ),
        Binding(key="s", action="down", description="Scroll down", show=False),
    ]

    def compose(self) -> ComposeResult:
        """Compose app with tabbed content."""

        yield Footer()

        # Add the TabbedContent widget
        with TabbedContent(initial="exp_imp_Stats"):
            with TabPane("Online Stats", id="ONLINESTAT"):  # First tab
                ##TODO:
                yield Label("This is the online stats tab.")
            with TabPane("Offline Stats", id="OfflineStats"):
                yield Markdown("# Offline Stats")
                yield Label("This is the offline stats tab.")

            with TabPane("Export/Import Stats", id="exp_imp_Stats"):
                yield Markdown("# Export/ Import Stats")
            with TabPane("Overall_Stats", id="Overall_Stats"):

                yield Markdown("# Overall Stats")
            with TabPane("Rows", id="rows"):
                yield DataTable()

    def action_show_tab(self, tab: str) -> None:
        """Switch to a new tab."""
        self.get_child_by_type(TabbedContent).active = tab

    def on_mount(self) -> None:
        table = self.query_one(DataTable)
        table.add_columns(*ROWS[0])
        table.add_rows(ROWS[1:])


def tabbed_main():
    app = TabbedApp()
    app.run()

[davep]

What is the actual problem you're seeing?

[sarangdhonde]

Thanks for your response Issue is i dont know how do i put. Multiple datatable into tabbedpane , basicallly idea is to have datatable in each tab But i  struggling with on_mount. Method where u can obviously have single on_mount method , in this case how do we get this done Any help is greatly appreciated Thanks

…

On 23 Feb 2024 at 11:03 PM +0530, Dave Pearson ***@***.***>, wrote: What is the actual problem you're seeing? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[davep]

Do you think you could elaborate a little more on what part you don't understand? To put two DataTables in a TabPane you'd yield two of them into it, just like you yield a Markdown and a Label into the "OfflineStats" TabPane.

[TomJGooding]

Multiple datatable into tabbedpane , basicallly idea is to have datatable in each tab
But i struggling with on_mount. Method where u can obviously have single on_mount method , in this case how do we get this done

Something like this?

from textual.app import App, ComposeResult
from textual.widgets import DataTable, Footer, TabbedContent, TabPane

ROWS = [
    ("lane", "swimmer", "country", "time"),
    (4, "Joseph Schooling", "Singapore", 50.39),
    (2, "Michael Phelps", "United States", 51.14),
    (5, "Chad le Clos", "South Africa", 51.14),
    (6, "László Cseh", "Hungary", 51.14),
    (3, "Li Zhuhao", "China", 51.26),
    (8, "Mehdy Metella", "France", 51.58),
    (7, "Tom Shields", "United States", 51.73),
    (1, "Aleksandr Sadovnikov", "Russia", 51.84),
    (10, "Darren Burns", "Scotland", 51.84),
]


class TabbedApp(App):
    def compose(self) -> ComposeResult:
        with TabbedContent():
            with TabPane("Table #1"):
                yield DataTable(id="table-1")
            with TabPane("Table #2"):
                yield DataTable(id="table-2")
            with TabPane("Table #3"):
                yield DataTable(id="table-3")
        yield Footer()

    def on_mount(self) -> None:
        table_1 = self.query_one("#table-1", DataTable)
        table_1.add_columns(*ROWS[0])
        table_1.add_rows(ROWS[1:])

        table_2 = self.query_one("#table-2", DataTable)
        table_2.add_columns(*ROWS[0])
        table_2.add_rows(ROWS[1:])

        table_3 = self.query_one("#table-3", DataTable)
        table_3.add_columns(*ROWS[0])
        table_3.add_rows(ROWS[1:])


if __name__ == "__main__":
    app = TabbedApp()
    app.run()

[sarangdhonde]

Hey Tom Thanks for your help I think i may have fixed the issue and the code you provided helped alot You are guys are awesome Thanks alot once again

…

On 24 Feb 2024 at 7:16 AM +0530, TomJGooding ***@***.***>, wrote: > Multiple datatable into tabbedpane , basicallly idea is to have datatable in each tab > But i struggling with on_mount. Method where u can obviously have single on_mount method , in this case how do we get this done Something like this? from textual.app import App, ComposeResult from textual.widgets import DataTable, Footer, TabbedContent, TabPane ROWS = [ ("lane", "swimmer", "country", "time"), (4, "Joseph Schooling", "Singapore", 50.39), (2, "Michael Phelps", "United States", 51.14), (5, "Chad le Clos", "South Africa", 51.14), (6, "László Cseh", "Hungary", 51.14), (3, "Li Zhuhao", "China", 51.26), (8, "Mehdy Metella", "France", 51.58), (7, "Tom Shields", "United States", 51.73), (1, "Aleksandr Sadovnikov", "Russia", 51.84), (10, "Darren Burns", "Scotland", 51.84), ] class TabbedApp(App): def compose(self) -> ComposeResult: with TabbedContent(): with TabPane("Table #1"): yield DataTable(id="table-1") with TabPane("Table #2"): yield DataTable(id="table-2") with TabPane("Table #3"): yield DataTable(id="table-3") yield Footer() def on_mount(self) -> None: table_1 = self.query_one("#table-1", DataTable) table_1.add_columns(*ROWS[0]) table_1.add_rows(ROWS[1:]) table_2 = self.query_one("#table-2", DataTable) table_2.add_columns(*ROWS[0]) table_2.add_rows(ROWS[1:]) table_3 = self.query_one("#table-3", DataTable) table_3.add_columns(*ROWS[0]) table_3.add_rows(ROWS[1:]) if __name__ == "__main__": app = TabbedApp() app.run() — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>