KendoUI 网格中的自定义弹出窗口，被网格切断

如何解决KendoUI 网格中的自定义弹出窗口，被网格切断

我正在尝试创建一个具有鼠标悬停弹出窗口的 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>