如何使用dcc.加载到带有dataTable的选项卡

Question

我有一个带有DataTable的选项卡。我正在尝试使用dcc。将((加载到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

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