Refresh table data on click of button which has been added to the table using the table.add_slot() function

[DanielCEvans]

First Check

• I added a very descriptive title here.
• I have checked the FAQs for a similar question and didn't find it.
• I used the GitHub search to find a similar question and didn't find it.
• I searched the NiceGUI documentation, with the integrated search.
• I already searched online "How to X in NiceGUI" and didn't find any information.

Example Code

from nicegui import ui


columns = [
        {"name": "id", "label": "id", "field": "id"},
        {"name": "assignee", "label": "Assignee", "field": "assignee"},
        {"name": "click", "align": "center"},
    ]

rows = [{"id": 1, "assignee": "test"}]

def handler_function(events):

    # Business logic and external api call

    events.sender.refresh()

    ui.notify('clicked button')

@ui.refreshable 
def create_table() -> None:
    with ui.table(columns=columns, rows=rows) as table:
        table.add_slot(
            name=f"body-cell-click",
            template=
            """
        <q-td key="actions" :props="props">
            <q-btn @click="$emit('click')"  color="primary" label="click" glossy/>
        </q-td>
        """,
        )
        table.on("click", handler_function)

create_table()

ui.run()

Description

Within my table element, i would like to have a button within each row. When the button is clicked and the handler function is called, after some business logic and an external api call, i would like to refresh the data so the user immediately sees the update in the table. I have attempted to achieve this functionality by calling the refresh() method on the events.sender object which is the nicegui Table object but this does not appear to be working

NiceGUI Version

2.11.1

Python Version

3.10.12

Browser

Chrome

Operating System

Linux

Additional Context

No response

[falkoschindler]

Hi @DanielCEvans,

events.sender is a ui.table object which has no refresh method. You probably want to call create_table.refresh() instead.