Dash DataTable остается пустым, когда макет вводится с помощью обратного вызова Tabs (обратные вызовы не срабатывают/дан ⇐ Python

[Anonymous]

Я создаю приложение Dash с помощью dcc.Tabs. Содержимое вкладки отображается с помощью обратного вызова «маршрутизатора», который возвращает объект макета. Внутри этого макета у меня есть Dash_table.DataTable, который должен быть заполнен обратным вызовом, но таблица отображается только с заголовками и никогда не получает данные.
Появляется DataTable (отображаются столбцы), но данные всегда пусты. В пользовательском интерфейсе браузера ошибок не отображается. Консоль отладки не показывает ошибок обратного вызова.
Поэтому мой упрощенный код выглядит примерно так:
У меня есть основной файл, который выглядит следующим образом:
main.py

Код: Выделить всё

import pandas as pd
from dash import Dash, dash_table, html, dcc, Input, Output
import dash_bootstrap_components as dbc
from clicks_productos_layout import clicks_productos_layout

# Crear la app Dash
# --------------------------------
app = Dash(__name__)
app.config.suppress_callback_exceptions = True
server = app.server

app.layout = dbc.Container(
[
html.H1("Clicks", className="my-4"),
dcc.Tabs(
id="tabs_principales",
value="tab_clicks",
children=[
dcc.Tab(label="Clicks Generales", value="tab_clicks"),
dcc.Tab(label="Otro Análisis", value="tab_otro_analisis"),
],
),
html.Div(id="contenido_tabs", className="mt-4"),
],
fluid=True,
)

@app.callback(Output("contenido_tabs", "children"),
Input("tabs_principales", "value"))

def actualizar_contenido(tab):
if tab == "tab_clicks":
return clicks_productos_layout
return html.Div("En construcción...")

import clicks_productos_callbacks

if __name__ == "__main__":
app.run(debug=True)

У меня есть файл clicks_productos_callback.py, который я полностью упростил для этого примера.
clicks_productos_callback.py

Код: Выделить всё

from dash import Input, Output, State
from main import app
from clicks_productos_layout import clicks_productos_layout
from tablas_base import tabla_clicks
import pandas as pd

@app.callback(
Output("tabla_clicks_general", "data"),
)

def cargar_tabla(_n):
tabla_clicks_general = tabla_clicks.head()
return tabla_clicks_general.to_dict("records")

И у меня есть макет, который я также упростил для этого примера.
clicks_productos_layout.py

Код: Выделить всё

from dash import html, dash_table, dcc
import dash_bootstrap_components as dbc
import pandas as pd

clicks_productos_layout = html.Div([
dbc.Container([
dash_table.DataTable(
id="tabla_clicks_general",
columns=[
{"name": "carro", "id": "carro"},
{"name": "clicks", "id": "clicks"},
{"name": "conv", "id": "conv"},
{"name": "departamento", "id": "departamento"},
{"name": "dia", "id": "dia"},
{"name": "fecha", "id": "fecha"},
{"name": "linea", "id": "linea"},
{"name": "marca", "id": "marca"},
{"name": "origen", "id": "origen"},
{"name": "precio", "id": "precio"},
{"name": "producto", "id": "producto"},
{"name": "semana", "id": "semana"},
{"name": "sku_corto", "id": "sku_corto"},
{"name": "sku_largo", "id": "sku_largo"},
{"name": "sku_mod", "id": "sku_mod"},
{"name": "sub_linea", "id": "sub_linea"},
{"name": "trim", "id": "trim"},
{"name": "unidades_vendidas", "id": "unidades_vendidas"},
{"name": "venta", "id": "venta"},
],
page_size=10,
style_table={'overflowX': 'auto'},
style_cell={'textAlign': 'center', 'fontSize': '13px', 'padding': '5px'},
style_header={'fontWeight': 'bold', 'backgroundColor':  '#f8f9fa'},
style_data_conditional=[
{'if': {'row_index': 'odd'}, 'backgroundColor': '#f9f9f9'},
{'if': {'filter_query': '{departamento} = "total general"'},
'fontWeight': 'bold', 'backgroundColor': '#e9ecef'},
],
),

html.Br(),
], style={"maxWidth": "1200px", "margin": "0 auto"})
])

Я перепробовал все, но мне так и не удалось отобразить данные в моей таблице. Что я могу попробовать дальше?
Скриншот моего тире:



Подробнее здесь: https://stackoverflow.com/questions/798 ... -callbacks