table get data from State Not Work

[bobwatcherx]

i want column and row data to be fetched from State . How to

sample code

class State(pc.State):
    name:str
    price:int
    stock:int
    columns = ["Name", "Age", "Location"]

    data = [
            ("Tolol", 30, "New York"),
            ("Tolol", 25, "San Francisco"),
        ]

 pc.table_container(
            pc.table(
                pc.table_caption("Example Table"),
                pc.thead(
                    pc.tr(*[pc.th(column) for column in State.columns])
                ),
                pc.tbody(
                    *[
                        pc.tr(*[pc.td(item) for item in row])
                        for row in State.data
                    ]
                ),
                # pc.tfoot(pc.tr(*[pc.th(item) for item in footer])),
            )
        )

error

The above exception was the direct cause of the following exception:

Traceback (most recent call last):
  File "/usr/lib/python3.10/multiprocessing/process.py", line 314, in _bootstrap
    self.run()
  File "/usr/lib/python3.10/multiprocessing/process.py", line 108, in run
    self._target(*self._args, **self._kwargs)
  File "/usr/local/lib/python3.10/dist-packages/uvicorn/_subprocess.py", line 76, in subprocess_started
    target(sockets=sockets)
  File "/usr/local/lib/python3.10/dist-packages/uvicorn/server.py", line 60, in run
    return asyncio.run(self.serve(sockets=sockets))
  File "/usr/lib/python3.10/asyncio/runners.py", line 44, in run
    return loop.run_until_complete(main)
  File "/usr/lib/python3.10/asyncio/base_events.py", line 646, in run_until_complete
    return future.result()
  File "/usr/local/lib/python3.10/dist-packages/uvicorn/server.py", line 67, in serve
    config.load()
  File "/usr/local/lib/python3.10/dist-packages/uvicorn/config.py", line 477, in load
    self.loaded_app = import_from_string(self.app)
  File "/usr/local/lib/python3.10/dist-packages/uvicorn/importer.py", line 21, in import_from_string
    module = importlib.import_module(module_str)
  File "/usr/lib/python3.10/importlib/__init__.py", line 126, in import_module
    return _bootstrap._gcd_import(name[level:], package, level)
  File "<frozen importlib._bootstrap>", line 1050, in _gcd_import
  File "<frozen importlib._bootstrap>", line 1027, in _find_and_load
  File "<frozen importlib._bootstrap>", line 1006, in _find_and_load_unlocked
  File "<frozen importlib._bootstrap>", line 688, in _load_unlocked
  File "<frozen importlib._bootstrap_external>", line 883, in exec_module
  File "<frozen importlib._bootstrap>", line 241, in _call_with_frames_removed
  File "/home/mopt/belajar/pynecrud/pynecrud/pynecrud.py", line 83, in <module>
    app.add_page(index)
  File "/usr/local/lib/python3.10/dist-packages/pynecone/app.py", line 274, in add_page
    raise e
  File "/usr/local/lib/python3.10/dist-packages/pynecone/app.py", line 265, in add_page
    component = component if isinstance(component, Component) else component()
  File "/home/mopt/belajar/pynecrud/pynecrud/pynecrud.py", line 66, in index
    pc.tr(*[pc.th(column) for column in State.columns])
  File "/home/mopt/belajar/pynecrud/pynecrud/pynecrud.py", line 66, in <listcomp>
    pc.tr(*[pc.th(column) for column in State.columns])
  File "/usr/local/lib/python3.10/dist-packages/pynecone/components/component.py", line 359, in create
    children = [
  File "/usr/local/lib/python3.10/dist-packages/pynecone/components/component.py", line 362, in <listcomp>
    else Bare.create(contents=Var.create(child, is_string=True))
  File "/usr/local/lib/python3.10/dist-packages/pynecone/var.py", line 102, in create
    raise TypeError(
TypeError: To create a Var must be Var or JSON-serializable. Got ('type_', <class 'list'>) of type <class 'tuple'>.

[picklelo]

When iterating over a state var, you want to use pc.foreach rather than a Python for loop.

Something like

pc.foreach(
    State.data, 
    lambda item: pc.tr(
        pc.foreach(item, lambda col: pc.td(col))
    )
)

See here: https://pynecone.io/docs/library/layout/foreach