def stats_tab_content(state):
df = stats_table(state)
font_size_heading = ".4vh"
font_size_body = ".9vw"
table = dash_table.DataTable(
data=df.to_dict("records"),
columns=[
{
"name": "State/County",
"id": "State/County",
},
{
"name": "Confirmed",
"id": "Confirmed",
"type": "numeric",
"format": Format(group=","),
},
{
"name": "Deaths",
"id": "Deaths",
"type": "numeric",
"format": Format(group=","),
},
],
editable=False,
sort_action="native",
sort_mode="multi",
column_selectable="single",
style_as_list_view=True,
fixed_rows={"headers": True},
fill_width=False,
style_table={
# # 'overflowX': 'scroll',
# 'minWidth': '0',
"width": "100%",
"height": "100vh",
},
style_header={
# "font-size": font_size_heading,
"backgroundColor": color_bg,
"border": color_bg,
"fontWeight": "bold",
"font": "Lato, sans-serif",
# "padding": "1.5vh",
"height": "2vw",
},
style_cell={
"font-size": font_size_body,
"font-family": "Lato, sans-serif",
"border-bottom": "0.01rem solid #313841",
"backgroundColor": "#010915",
"color": "#FEFEFE",
"height": "2.75vw",
},
style_cell_conditional=[
{
"if": {
"column_id": "State/County",
},
# "minWidth": "6.8rem",
# "width": "6.8rem",
# "maxWidth": "6.8rem",
"minWidth": "4vw",
"width": "4vw",
"maxWidth": "4vw",
},
{
"if": {
"column_id": "Confirmed",
},
"color": "#F4B000",
# "minWidth": "4.2rem",
# "width": "4.2rem",
# "maxWidth": "4.2rem",
"minWidth": "3vw",
"width": "3vw",
"maxWidth": "3vw",
},
{
"if": {
"column_id": "Deaths",
},
"color": "#E55465",
# "minWidth": "4.2rem",
# "width": "4.2rem",
# "maxWidth": "4.2rem",
"minWidth": "3vw",
"width": "3vw",
"maxWidth": "3vw",
},
],
)
return table
def mobile_stats_tab_content(state):
df = stats_table(state)
table = dash_table.DataTable(
data=df.to_dict("records"),
columns=[
{
"name": "State/County",
"id": "State/County",
},
{
"name": "Confirmed",
"id": "Confirmed",
"type": "numeric",
"format": Format(group=","),
},
{
"name": "Deaths",
"id": "Deaths",
"type": "numeric",
"format": Format(group=","),
},
],
editable=False,
sort_action="native",
sort_mode="multi",
column_selectable="single",
style_as_list_view=True,
fixed_rows={"headers": True},
fill_width=False,
style_table={
"width": "100%",
},
style_header={
"font-size": "0.65rem",
"backgroundColor": "#010915",
"border": "#010915",
"fontWeight": "bold",
"font": "Lato, sans-serif",
},
style_cell={
"font-size": "0.65rem",
"font-family": "Roboto, sans-serif",
"border-bottom": "0.01rem solid #313841",
"backgroundColor": "#010915",
"color": "#FFFFFF",
"height": "2.5rem",
},
style_cell_conditional=[
{
"if": {
"column_id": "State/County",
},
"minWidth": "4vw",
"width": "4vw",
"maxWidth": "4vw",
},
{
"if": {
"column_id": "Confirmed",
},
"color": "#F4B000",
"minWidth": "3vw",
"width": "3vw",
"maxWidth": "3vw",
},
{
"if": {
"column_id": "Deaths",
},
"color": "#E55465",
"minWidth": "3vw",
"width": "3vw",
"maxWidth": "3vw",
},
],
)
return table