0

我在cdk-virtual-scroll-viewport中有一个cdk-table。包含文本内容的单元格,最大文本长度为 1000 个字符。所以我使用它修剪它并在它旁边放置一个按钮,这样当点击时会显示一个带有全文的弹出窗口。text-overflow:ellipse

我看到弹出窗口与 cdk-virtual-scroll-viewport 重叠。我试图z-index弹出 divcdk-virtual-scroll-viewport设置它,但它不起作用。

有没有其他方法可以将弹出窗口向前推进?

这是代码,

CSS

cdk-virtual-scroll-viewport {
  height: 100%;
  min-height: 200px;
  z-index: 0;
}
.popover {
    width: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 9999;
  }

html,

  <cdk-virtual-scroll-viewport ...>
       <cf-table ...>
          <ng-container ...>
            <cf-header-cell ...>
            <cf-cell ...>
                 <popover-note>...
4

0 回答 0