Блог

Главная - Вопросы по программированию - Как сохранить вкладку в одной строке при печати веб-приложения, созданного Plotly Dash?

Как сохранить вкладку в одной строке при печати веб-приложения, созданного Plotly Dash?

#reactjs #plotly #plotly-dash

Вопрос:

Я создал вкладки с четырьмя вкладками с помощью dcc.Tabs. Он отлично работает и отображается нормально(четыре вкладки находятся в одной строке) на страницах Chrome. Но когда я печатаю его, вкладки отображаются в четырех строках. Я попытался запустить приложение в IE Edge и fireFox и оформить контейнер вкладок с помощью css, но получил тот же результат. Я новичок в Дэше. Может ли кто-нибудь помочь решить эту проблему?

«‘ app.layout = html.Div([

     html.A(['print'], className = 'button no-print',
           href = 'javascript: window.print()',
           style = {'position': 'absolute', 'top': '-40', 'right': '0'},
           title = 'Only Works on Safari'),
               
    html.Br([]),
        
    html.Div([
            dcc.Tabs(
                children = [                        
                    dcc.Tab(label = 'Website', value = 'Website', className='custom-tab'),
                    dcc.Tab(label = 'Finance Pattern', value = 'Finance Pattern', className='custom-tab'),
                    dcc.Tab(label = 'Repor', value = 'Report', className='custom-tab')],
                value="Website",
                id='tabs-social',
                parent_className='custom-tabs',
                className='custom-tabs-container'
            )
        ]),

])

«» отображение в Интернете

при печати

Метки: ,