mydaterangepicker 和 primeng 的问题，它在 table header 中显示错误，有人可以帮助我吗

Question

我正在尝试将mydaterangepicker(https://kekeh.github.io/mydaterangepicker/) 用于primeng turbotable（primeng 日历不符合要求），但显示效果不佳。你能帮忙提供一些 css 代码或其他解决方案吗

我提供我的源代码，谢谢： https://stackblitz.com/edit/angular-fv53c6

Answer 1

要修复日历的显示，而不是隐藏在单元格内，将其公开，请将其放入您的 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; }

或检查 working demo which is forked against your stackblitz

Answer 2

您的日期选择器已隐藏，因为其父项的溢出已隐藏。

您需要将 overflow:visible 添加到您的 my-date-range-picker 和 div 的父级 class="ui-table-scrollable-header ui-widget-header"。

mydaterangepicker 和 primeng 的问题，它在 table header 中显示错误，有人可以帮助我吗

Problem with mydaterangepicker and primeng, it is displaying bad into table header, can someone helpme please

css

typescript

primeng

angular