Table 滚动时行内容渗入粘性 header 内容 - 相对与绝对定位相关
Table row content bleeding into sticky header content when scrolling - relative vs absolute positioning related
我正在处理 table，我需要在 table 行中显示的超过两行的文本中添加省略号。
使用来自here
的解决方案
我现在已将其合并到 table 单元格中，并使省略号行为起作用。
然而，我也有一个粘性 table header 来在滚动 table 行时保持它在视图中，但我发现 table 行有滚动时应用的特殊省略号行为 class 渗透到 header 内容中：
在此处进行演示 -> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ
我已经追踪到 position: relative; 在 multiLineEllipsis mixin 中的使用，因为我可以将其注释掉并且没有发生这种行为，但后来我丢失了 '.. .' 绝对定位的内容。
有没有一种方法可以保留 mixin 的行为以及粘性 table header？
谢谢
将 th 的 z-index 值设置为高于实际数据的值应该可以解决问题。演示：https://codepen.io/zeus2198/pen/xxxKmLY
我正在处理 table，我需要在 table 行中显示的超过两行的文本中添加省略号。
使用来自here
的解决方案我现在已将其合并到 table 单元格中，并使省略号行为起作用。
然而，我也有一个粘性 table header 来在滚动 table 行时保持它在视图中，但我发现 table 行有滚动时应用的特殊省略号行为 class 渗透到 header 内容中：
在此处进行演示 -> https://codepen.io/parky128-the-vuer/pen/vYYBQmJ
我已经追踪到 position: relative; 在 multiLineEllipsis mixin 中的使用，因为我可以将其注释掉并且没有发生这种行为，但后来我丢失了 '.. .' 绝对定位的内容。
有没有一种方法可以保留 mixin 的行为以及粘性 table header？
谢谢
将 th 的 z-index 值设置为高于实际数据的值应该可以解决问题。演示：https://codepen.io/zeus2198/pen/xxxKmLY