工具提示在Chrome中闪烁

时间:2019-07-30 08:52:00

标签: primeng

Tooltip闪烁,滚动条未固定。

Tooltip在滚动页面时闪烁。我试图减小列宽或固定长度来固定滚动。宽度没有减小,并且发生了闪烁。

  <p-dataTable class="ui-widget-h1-header-search1" [resizableColumns]="true" [stacked]="stacked" (onPage)="onPageChange($event)" [value]="errorlistfyondetails"
                                 [(selection)]="selectedrow" [paginator]="true"
                                 [pageLinks]="3" [rowsPerPageOptions]="[15,25,50]" [rows]="100" (onFilter)="onFiltering($event)" [responsive]="true" [globalFilter]="gb" #dt>
                                               <p-column field="FYONNo" header="FYON No." [sortable]="true" filterPlaceholder="Search" [filter]="true" class="test" ng-model="ClearFilterSearch">
                            <template let-col let-fyonno="rowData" pTemplate="body">
                                <a (click)="viewCarDetails(fyonno)" href="Javascript:void(0);"><u style="font:bold" title="View {{fyonno[col.field]}}">{{fyonno[col.field]}}</u></a>
                            </template>
                        </p-column>                     
                            <p-column field="RequestedDate" header="Requested Date" [sortable]="true" filterPlaceholder="Search" [filter]="true">
                                <template let-col let-reqdt="rowData" pTemplate="body">
                                    <span>{{reqdt[col.field] | date: 'yyyy/MM/dd'}}</span>
                                </template>
                            </p-column>

                            <p-column field="StopFYONComments" header="Stop FYON Desc" [sortable]="true" [style]="{'width':'10%'}" filterPlaceholder="Search" [filter]="true"></p-column>
                            <p-column header="Actions" [hidden]="actionHide">
                                <template pTemplate="body" let-currentRowData="rowData">
                                    <a (click)="showDialogtoSoftDelete(currentRowData)" href="Javascript:void(0);" pTooltip="Temp. overwrite STOP FYON" tooltipPosition="top"><img class="edit-style" src="assets/images/Delete.png" /></a>
                                    <a (click)="showDialogtoHardDelete(currentRowData)" class="pad-left" href="Javascript:void(0);" pTooltip="Hard Delete" tooltipPosition="top"><img src="assets/images/Remove.png" /></a>
                                </template>
                            </p-column>
</p-dataTable>

工具提示不应闪烁,滚动条必须缩小和固定。

0 个答案:

没有答案
相关问题