我正在处理一个表,如果它们超过两行,我需要向表行中显示的文本添加省略号。
使用来自 here 的解决方案
我现在已将其合并到表格单元格中,并使省略号行为正常工作。
然而,我也有一个粘性表格标题,以便在滚动表格行时将其保持在 View 中,但我发现应用了特殊省略号行为类的表格行在滚动时会渗透到标题内容中:
在这里工作演示 -> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ
我已经追踪到 position: relative;
在 multiLineEllipsis
mixin 中的使用,因为我可以注释掉它并且行为没有发生,但后来我输了绝对定位的“...”内容的位置。
有没有一种方法可以保留混音的行为以及粘性表头?
谢谢
最佳答案
将 th
的 z-index
值设置为比实际数据更高的值应该可以解决问题。演示:https://codepen.io/zeus2198/pen/xxxKmLY
关于html - 滚动时表格行内容渗入粘性标题内容 - 相对与绝对定位相关,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58234547/