我尝试在ag-grid单元格中显示引导工具提示。问题是它只显示了一部分,而部分工具提示在下一列单元格后面。我尝试为工具提示设置z索引。但仍然无法成功。请帮助。x1c 0d1x
7kqas0il1#
在ngx-bootstrap文档中:当父元素上的一些样式干扰了工具提示时,您需要指定container=“body”,这样工具提示的HTML将被附加到body上。这将有助于避免在更复杂的组件(如输入组、按钮组等)中或带有溢出的元素内部出现渲染问题:隐藏的可以使用属性container="body"来解决此问题
container="body"
fv2wmkja2#
您可以使用CSS工具提示,它将在agGrid单元格内工作。请看这个plnkr:tooltip in agGrid cell
[data-tooltip]:before { content: attr(data-tooltip); display: none; position: fixed; margin: 10px 10px 10px 10px; }
0pizxfdo3#
我可以通过添加以下CSS来解决这个问题
[col-id=health].ag-column-hover: { overflow: visible }
slwdgvem4#
对于带有ng-bootstrap的Angular 5+,请使用container=“body”
p1tboqfb5#
尝试使用引导工具提示的tooltip-append-to-body="true"选项。
tooltip-append-to-body="true"
o2rvlv0m6#
对我来说,这工作,添加下面的css到您的文件。所有信贷去https://stackoverflow.com/a/46007051/16456741
.ag-sparkline-tooltip { position: fixed; }
6条答案
按热度按时间7kqas0il1#
在ngx-bootstrap文档中:
当父元素上的一些样式干扰了工具提示时,您需要指定container=“body”,这样工具提示的HTML将被附加到body上。这将有助于避免在更复杂的组件(如输入组、按钮组等)中或带有溢出的元素内部出现渲染问题:隐藏的
可以使用属性
container="body"
来解决此问题fv2wmkja2#
您可以使用CSS工具提示,它将在agGrid单元格内工作。请看这个plnkr:tooltip in agGrid cell
0pizxfdo3#
我可以通过添加以下CSS来解决这个问题
slwdgvem4#
对于带有ng-bootstrap的Angular 5+,请使用container=“body”
p1tboqfb5#
尝试使用引导工具提示的
tooltip-append-to-body="true"
选项。o2rvlv0m6#
对我来说,这工作,添加下面的css到您的文件。所有信贷去https://stackoverflow.com/a/46007051/16456741