仪表盘未显示

Question

我有以下代码

import dash
import dash_bootstrap_components as dbc
from dash import dcc
from dash import html
from dash import dash_table
from dash_bootstrap_templates import load_figure_template
import pandas as pd 


df = pd.read_csv("https://docs.google.com/spreadsheets/d/e/2PACX-1vSlasVmsQglAUGhesSL9_bJHaZ4rsbNG0m2U5nTFj25LyBdylAPiRvt2eDIVjfFQ7yI_ElWDus-qx2b/pub?gid=1999881373&single=true&output=csv")

df_warning = df[df[("Tipificação Incidente ")].eq("WARNING")]
table_df = df_warning[["TIME","Concorrente","Descrição"]]

print(table_df)

warning_table = dash_table.DataTable(
    id='table',
    columns=[{"name": i, "id": i} for i in table_df.columns],
    data=table_df.to_dict('records'),
    # Define table styling 
    fixed_rows={'headers': True},
    style_table={'height': 400},  

    # Condition resizing of columns 
    style_cell_conditional=[
        {'if': {'column_id': 'name'},
         'width': '10%'},
         {'if': {'column_id': 'opstatus'},
         'width': '15%'},
        {'if': {'column_id': 'stage'},
         'width': '10%'},
    ],
    # Define overall styling for the table
    style_as_list_view=True,
     style_header={'backgroundColor': 'rgb(30, 30, 30)'},
    style_cell={
        'backgroundColor': 'rgb(50, 50, 50)',
        'color': 'white',
        'fontSize':16, 'font-family':'Open Sans',
    },
)

new_table = dbc.Table.from_dataframe(table_df, striped=True, bordered=True, hover=True,id="table_new")

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.PULSE],title='Rally de Portugal Vodafone 2021',update_title=None,
                meta_tags=[{'name': 'viewport',
                           'content': 'width=device-width, initial-scale=1.0, maximum-scale=1.2, minimum-scale=0.5,'}]
        )

server = app.server

app.layout = dbc.Container(
    [
    html.H6("CRASHES"),       
    dbc.Row(
            [
            dbc.Col(html.H6("CHECK 4"),lg=4),
            dbc.Col(dbc.Table.from_dataframe(table_df, striped=True, bordered=True, hover=True,id='warnings_tb')),
            dbc.Col(id='table',lg=4),
            ],
        ),


    ],

    fluid=True,
)


if __name__ == '__main__':
    app.run_server(debug=True)

但是，当我运行该应用程序时，只有一个表出现，这是由

dbc.Col(dbc.Table.from_dataframe(table_df, striped=True, bordered=True, hover=True,id='warnings_tb')),

我不知道我做错了什么，dbc.Col(id='table',lg=4),没有返回定义为warning_table和id=table的表

如果能提供任何帮助，我们将不胜感激。提前谢谢你！

免责声明:此代码将用于非政府组织.的开源项目中。

Answer 1

您还没有将thje warning_table添加到布局中。这应能解决以下问题：

app.layout = dbc.Container(
    [
    html.H6("CRASHES"),       
    dbc.Row(
            [
            dbc.Col(html.H6("CHECK 4"),lg=4),
            dbc.Col(dbc.Table.from_dataframe(table_df, striped=True, bordered=True, hover=True,id='warnings_tb')),
            dbc.Col(id='some-id',lg=4),  # edit on this line to change ID
            ],
        ),
    warning_table,

    ],

    fluid=True,
)