我正在处理一个表,如果表行中的文本超过两行,则需要在其中添加省略号。

使用here中的解决方案

我现在将其合并到表单元格中,并使省略号行为起作用。

但是,我还有一个粘性表头,可在滚动表行时将其显示在视图中,但我发现应用了特殊省略号行为类的表行在滚动时会渗入表头内容:

html - 滚动时表行内容渗入粘性标题内容中-相对vs绝对定位相关-LMLPHP

在这里工作演示-> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ

我已经将此问题追溯到position: relative; mixin中multiLineEllipsis的用法,因为我可以将其注释掉并且行为不会发生,但是随后我丢失了绝对定位的“ ...”内容的位置。

有没有一种方法可以保留mixin的行为以及粘性表头?

谢谢

最佳答案

thz-index值设置为高于实际数据的值应该可以解决该问题。演示:https://codepen.io/zeus2198/pen/xxxKmLY

10-07 19:42
查看更多