✨ Announcing our seed funding led by Lux Capital! Read more about it on our blog ✨
[ Learn ]
[ Concepts ]
[ Reference ]
DataTable
The datatable component is a great way to display data in a table format. You can pass in a pandas dataframe to the data prop to create the table.
In this example we will read data from a csv file, convert it to a pandas dataframe and display it in a data_table.
We will also add a search, pagination, sorting to the data_table to make it more accessible.
import pandas as pd
...
nba_data = pd.read_csv(
"https://media.geeksforgeeks.org/wp-content/uploads/nba.csv"
)rx.data_table(
data=nba_data[["Name", "Height", "Age"]],
pagination=True,
search=True,
sort=True,
)The example below shows how to create a data table from from a list.
class State(rx.State):
data: List = [
["Lionel", "Messi", "PSG"],
["Christiano", "Ronaldo", "Al-Nasir"],
]
columns: List[str] = ["First Name", "Last Name"]
def index():
return rx.data_table(
data=State.data,
columns=State.columns,
)DataTable
A data table component.
Base Event Triggers
Copyright © 2023 Pynecone, Inc.