求问Shiny for Python支持单元格编辑回调的表格组件

一、修复ipyregulartable的修改捕获问题 #

ipyregulartable的datamodel属性不会主动触发Shiny的响应式更新，需要手动监听单元格编辑事件并维护响应式变量，调整后的代码如下：

from shiny import ui, render, App, reactive
import ipyregulartable as rt
import pandas as pd
from shinywidgets import output_widget, register_widget

app_ui = ui.page_fluid(
    ui.layout_sidebar(
        ui.panel_sidebar(),
        ui.panel_main(
            output_widget("table"),
            ui.output_table("changed_table"),
        ),
    )
)

def server(input, output, session):
    # 用响应式变量存储表格数据，确保修改能触发更新
    rv = reactive.Value(pd.DataFrame(
        {
            "title": ["A", "B", "C"],
            "img_name": ["food.png", "food2.jpg", "food3.jpg"],
        }
    ))
    
    tbl = rt.RegularTableWidget(rv.get())
    # 设置所有单元格可编辑（参数：起始行、结束行、起始列、结束列）
    tbl.editable(0, len(rv.get())-1, 0, len(rv.get().columns)-1)
    register_widget("table", tbl)

    # 监听单元格编辑事件，更新数据并同步到表格组件
    def on_cell_edited(event):
        new_data = rv.get().copy()
        new_data.iloc[event['row'], event['column']] = event['value']
        rv.set(new_data)
        tbl.datamodel = rt.PandasDataModel(new_data)
    
    tbl.on_cell_edited(on_cell_edited)

    @output
    @render.table
    def changed_table():
        return rv.get()

app = App(app_ui, server)

关键要点：

• 使用reactive.Value封装表格数据，保证修改能触发Shiny的响应式渲染
• 通过on_cell_edited事件捕获单元格修改操作，手动更新数据源并同步到表格组件
• 调用tbl.datamodel = rt.PandasDataModel(new_data)确保表格显示最新内容

二、替代组件推荐 #

如果ipyregulartable的方案不符合需求，可选择以下支持单元格编辑回调的组件：

1. Shiny原生DataGrid #

Shiny原生的DataGrid支持直接开启单元格编辑，通过input对象捕获修改事件，示例代码片段：

# UI部分
ui.output_data_frame("editable_table")

# Server部分
@output
@render.data_frame
def editable_table():
    return render.DataGrid(rv.get(), editable=True)

@reactive.Effect
@reactive.event(input.editable_table_cell_edit)
def _update_data():
    edit_info = input.editable_table_cell_edit()
    new_data = rv.get().copy()
    new_data.iloc[edit_info["row"], edit_info["col"]] = edit_info["value"]
    rv.set(new_data)

2. Handsontable（通过shinywidgets集成） #

Handsontable专注于可编辑表格场景，支持丰富的编辑规则和事件监听，集成后可通过afterChange事件获取修改记录，进而更新数据源。

3. ag-Grid（通过shiny.react集成） #

ag-Grid是功能全面的企业级表格组件，支持单元格编辑、数据验证等功能，通过shiny.react集成后，可监听cellValueChanged事件获取实时修改数据。

内容的提问来源于stack exchange，提问作者Requin