Проблема с mydaterangepicker и primeng, он плохо отображает заголовок таблицы, может кто-нибудь помочь мне, пожалуйста - PullRequest
Новая
       14

Проблема с mydaterangepicker и primeng, он плохо отображает заголовок таблицы, может кто-нибудь помочь мне, пожалуйста

0 голосов
/ 29 апреля 2019

Я пытаюсь использовать mydaterangepicker (https://kekeh.github.io/mydaterangepicker/) в primeng turbotable (календарь primeng не соответствует требованиям), но он плохо отображается. Можете ли вы помочь с кодом CSS или другим решением, пожалуйста

Я предоставляю свой исходный код, спасибо: https://stackblitz.com/edit/angular-fv53c6

Ответы [ 2 ]

0 голосов
/ 29 апреля 2019

Ваш выбор даты скрыт, потому что скрыто переполнение его родителя.

Вам нужно добавить overflow:visible к родителю вашего my-date-range-picker и div с class="ui-table-scrollable-header ui-widget-header".

0 голосов
/ 29 апреля 2019

Чтобы исправить отображение календаря, вместо того, чтобы прятаться внутри ячейки, выкладывая его в открытую, поместите это в ваш app.component.css: 

::ng-deep .mydrp { position:absolute !important;  }
::ng-deep .selectorarrow { position:absolute !important; }
::ng-deep .mydrp .selectiongroup {     margin-left: 12px;    top: -18px;     display: inline-table  !important;     border: 1px solid #CCC !important; }
::ng-deep .mydrp { border:none !important; }
::ng-deep body .ui-table .ui-table-thead > tr > th { height:45px !important; }

или проверьте рабочую демонстрацию, которая разветвляется на ваш стек

...