如何使用 dcc.loading 到带有数据表的选项卡

Question

我有一个包含 DataTable 的选项卡。我正在尝试对数据表使用 dcc.Loading() 来查看渲染，但它没有用。感谢您的帮助。

这是我的代码：


    well_table = DataTable(
        id="well-table", 
        columns=columns,
        data=data,
        derived_virtual_data=data,)
    
    well_table_loading=dcc.Loading( 
                                id='loading-well-table',
                                type='default',
                                children=well_table     # wrap contour in loading's children
                                )
    well_tab=dcc.Tab(
            well_table_loading,
            label=label,
            value=value,
            id='well-tab")

回调中


@app.callback(
    [
    Output("well-tab", "children"),
    ],
    [
    Input('load-area-data','n_clicks'),
    ],
    [
     State('date-range','start_date'),
     State('date-range','end_date'),
    ],
    prevent_initial_call=True,  
)
def change_area_data(n_clicks,start_date,end_date):  
     
   
    datatable_thisarea=DataTable(
        id="well-table", 
        columns=columns,
        data=data,
        derived_virtual_data=data,)

        
    return [datatable_thisarea]

Answer 1

触发回调时，您正在用数据表覆盖加载组件。您应该用加载包装选项卡，因为您要将数据表返回到选项卡组件并且需要加载，因为它是回调的输出。

如何使用 dcc.loading 到带有数据表的选项卡

how to use dcc.loading to a tab with dataTable

plotly-dash