Why doesn't the data in the table change, even though the data has been updated?

[bobwatcherx]

i want to create crud with table dataframe . when edited and printed the data has changed. but why doesn't the data in the table change? and when deleted . the data should have been deleted. but in the table why is it still the same and it looks like nothing has changed

import pandas as pd
from solara import *
from typing import Any, Dict, Optional, cast
import dataclasses


@dataclasses.dataclass
class Fakedata:
    name:str
    age:int

df_pandas = pd.DataFrame()

@solara.component
def Page():
    mycell,set_mycell = use_state(cast(Dict[str,Any],{}))
    name,set_name = use_state("")
    age,set_age = use_state(0)
    idselect = use_reactive(0)

    mydata = use_reactive([
        Fakedata("julea",21),
        Fakedata("ferris_wheel",21),
        Fakedata("tom",21),
        Fakedata("ge",21),
        ])

    def on_action_cell(column, row_index):
        set_mycell(dict(column=column, row_index=row_index))
        for i,x in enumerate(mydata.value):
            if i == row_index:
                set_name(x.name)
                set_age(x.age)
                idselect.value = row_index

    def updatedata():
        for i,x in enumerate(mydata.value):
            if i == idselect.value:
                x.name = name
                x.age = age
                print(x)

    def deletedata():
        if idselect.value < len(mydata.value):
            mydata.value.pop(idselect.value)
            # print(idselect.value)
        print(mydata.value)

    cell_actions = [solara.CellAction(icon="mdi-account-arrow-right", name="Select this data", on_click=on_action_cell)]
    df_pandas = pd.DataFrame.from_records([dataclasses.asdict(x) for x in mydata.value])




    with Column(align="center"):
        Markdown("CRUD DataFrame")
        InputText(label="name",value=name,on_value=set_name)
        InputText(label="age",value=age,on_value=set_age)
        with Row(justify="space-around"):
            Button("edit",color="primary",
                on_click=updatedata
                )
            Button("delete",color="red",
                on_click=deletedata
                )

        DataFrame(df_pandas,cell_actions=cell_actions)

[maartenbreddels]

You are mutating data, that can not be detected. To avoid doing that I recommend using frozen dataclasses:

@dataclasses.dataclass(frozen=True)
class Fakedata:
    name: str
    age: int

Then your edit will be:

    def updatedata():
        mydata_copy = mydata.value.copy()
        for i, x in enumerate(mydata.value):
            if i == idselect.value:
                mydata_copy[i] = Fakedata(name, age)
                print(x)
        mydata.value = mydata_copy

Now because we update the mydata.value, we trigger a rerender.