0

Я использую угловой бутстрап https://angular-ui.github.io/bootstrap/ с классом table-responsive. Проблема заключается в том на DatePicker будет отображаться внутри таблицы, такие как изображение ниже:Угловая автомат для дампинга с отзывчивым столом

enter image description here

Я мог бы это исправить с:

.table-responsive { 
    overflow: visible; 
} 

, и он будет хорошо работать:

enter image description here

Теперь, если я добавлю исправление выше, мой дисплей на мобильных устройствах будет таким:

enter image description here

Он не сможет прокручиваться, и он переполнит мой экран. Как это исправить?

Пожалуйста, помогите мне и спасибо заранее.

+1

Вы можете использовать 'uib-datepicker-popup' и добавить атрибут datepicker-append-to-body =" true ", который добавит его в тело –

+1

Спасибо. Это решает мою проблему. – sg552

ответ

2

Используйте datepicker-append-to-body="true" со всплывающей версией, чтобы связать его с телом. Он будет выглядеть над вашим столом.

Здесь он находится в plunker.

+0

Спасибо. Он работает. – sg552