如何将dcc.loading用于带有dataTable的选项卡

Question

我有一个DataTable标签。我试图使用dcc.Loading()到DataTable来查看呈现，但它没有工作。谢谢你的帮助。

这是我的代码：

    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

当您触发回调时，您将使用datatable覆盖加载组件。由于要将datatable返回到tab组件，因此应该使用加载包装选项卡，因为这是回调的输出。