我正在处理一个表,如果表行中的文本超过两行,则需要在其中添加省略号。
使用here中的解决方案
我现在将其合并到表单元格中,并使省略号行为起作用。
但是,我还有一个粘性表头,可在滚动表行时将其显示在视图中,但我发现应用了特殊省略号行为类的表行在滚动时会渗入表头内容:
在这里工作演示-> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ
我已经将此问题追溯到position: relative;
mixin中multiLineEllipsis
的用法,因为我可以将其注释掉并且行为不会发生,但是随后我丢失了绝对定位的“ ...”内容的位置。
有没有一种方法可以保留mixin的行为以及粘性表头?
谢谢
最佳答案
将th
的z-index
值设置为高于实际数据的值应该可以解决该问题。演示:https://codepen.io/zeus2198/pen/xxxKmLY