Python Dash Canvas从Json生成表格新增列后不更新问题求助

你遇到的问题是由两个常见原因导致的，对应解决方法如下：

原因1：列配置为静态初始化，修改后未重启服务 #

你当前代码中DataTable的columns参数是在应用初始化时一次性生成的，属于静态配置，仅修改代码中columns列表的内容不会对已经启动的服务生效。
解决方法：

1. 将pathOffset添加到预定义列列表中：

columns = ['type', 'width', 'height', 'scaleX', 'strokeWidth', 'path', 'pathOffset']

2. 重启Dash应用服务，修改即可生效。

原因2：部分图形对象无pathOffset字段，导致列显示为空 #

Dash Canvas返回的JSON中，只有特定类型的路径图形才会携带pathOffset字段，普通图形对象没有该属性，会导致表格对应列全部为空，看起来像没有新增成功。
解决方法：在回调中统一给缺少该字段的对象补默认值，保证字段完整性：

def update_data(string):
    if string:
        data = json.loads(string)
    else:
        raise PreventUpdate
    # 补全所有对象的pathOffset字段
    for obj in data['objects']:
        obj['pathOffset'] = obj.get('pathOffset', '')
    return data['objects']

进阶方案：动态自动适配所有JSON字段 #

如果需要后续新增字段不需要修改代码重启，可以将列配置也加入回调的输出项，实现动态生成列：

@app.callback(
    [Output('canvaas-table', 'data'),
     Output('canvaas-table', 'columns')],
    Input('canvaas-color', 'json_data'))
def update_data(string):
    if not string:
        raise PreventUpdate
    data = json.loads(string)
    objects = data['objects']
    if not objects:
        raise PreventUpdate
    
    # 自动提取所有存在的字段作为列，也可以手动指定固定顺序
    column_keys = ['type', 'width', 'height', 'scaleX', 'strokeWidth', 'path', 'pathOffset']
    columns = [{"name": i, "id": i} for i in column_keys]
    
    # 补全所有对象的缺失字段
    for obj in objects:
        for key in column_keys:
            obj[key] = obj.get(key, '')
    
    return objects, columns

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