问题描述
我正在尝试创建一个具有鼠标悬停弹出窗口的 KendoUI 网格。但是,这样做时,弹出窗口会被 KendoUI 网格截断。似乎它的 Z-Index 总是高于我设置的弹出窗口。
有什么解决办法吗?
<kendo-grid-column field="links"
title="Links"
[width]="25"
[class]="{'text-center': true}"
[filterable]="false">
<ng-template kendoGridCellTemplate let-dataItem>
<i class="circle-with-text" (mouSEOver)="show(dataItem.displayName)" (mouSEOut)="hide()">{{getLinkInfo(dataItem)}}</i>
<ng-container [ngTemplateOutlet]='linksTip' *ngIf="showTip === dataItem.displayName" [ngTemplateOutletContext]="{dataItem:dataItem}"></ng-container>
<ng-template #linksTip let-data="dataItem">
<div class="ng-megatip ng-megatip-show ng-megatip-top">
<h2>Network Enhancements</h2>
<h2>{{data.edgeStatus}}</h2>
</div>
</ng-template>
</ng-template>
</kendo-grid-column>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)