[英]Two Dash controls side-by-side
我對如何在dash
布局控件感到困惑。 如何將dropdown
和datepicker
並排放在同一行?
html.Div(
[
html.Div(
[
dcc.Dropdown(id='dropdown',
options=[{'label': i, 'value': i} for i in all_options],
multi=False,
placeholder='Select Symbol...',
),
dcc.DatePickerSingle(
id='my-date-picker-single',
min_date_allowed=today,
max_date_allowed=today,
initial_visible_month=today,
date=today)
],
className='row'
),
]
),
我認為您需要的是要並排顯示的元素的style
選項。 對它們都使用style={'float': 'right','margin': 'auto'}
。
html.Div(
[
html.Div(
[
dcc.Dropdown(id='dropdown',
options=[{'label': i, 'value': i} for i in all_options],
multi=False,
placeholder='Select Symbol...',
style={'float': 'right','margin': 'auto'}
),
dcc.DatePickerSingle(id='my-date-picker-single',
min_date_allowed=today,
max_date_allowed=today,
initial_visible_month=today,
date=today
style={'float': 'right','margin': 'auto'}
)
],
className='row'
),
]
),
我想我想通了。 看起來是正確的:
html.Div(
[
dcc.Dropdown(id='dropdown',
options=[{'label': i, 'value': i} for i in all_options],
multi=False,
placeholder='Select Symbol...'
)
],
className='two columns'
),
html.Div(
[
dcc.DatePickerSingle(
id='my-date-picker-single',
month_format='Y-M-D',
min_date_allowed=today - timedelta(days=3),
max_date_allowed=today + timedelta(days=730),
initial_visible_month=today,
date=today),
html.Div(id='output-container-date-picker-single')
],
className='two columns'
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.