Code Editor for app.py

import streamlit as st
import pandas as pd
from st_aggrid import AgGrid, GridOptionsBuilder

# Sample DataFrame
data = {
    'Name': ['Alice', 'Bob', 'Charlie'],
    'Age': [24, 30, 22],
    'Image': [
        'https://via.placeholder.com/50',
        'https://via.placeholder.com/50',
        'https://via.placeholder.com/50'
    ]
}
df = pd.DataFrame(data)

# Customizing grid options
gb = GridOptionsBuilder.from_dataframe(df)
gb.configure_pagination()
gb.configure_column('Image', cellRenderer='imageRenderer')
gb.configure_default_column(floatingFilter=True, editable=True)
gb.configure_column('Name', sortingOrder=['asc', 'desc'])
gb.configure_column('Age', sortingOrder=['asc', 'desc'])
gb.configure_grid_options(domLayout='normal')
gb.configure_column('Image', headerName='Profile Picture', cellRenderer='image')
gridOptions = gb.build()

# Configuration for the AgGrid module
AgGrid(df, gridOptions=gridOptions, allow_unsafe_jscode=True)