icon <i>标签在表格列上重叠

Question

我有一张桌子，其第一列固定，第一排固定。现在表体有一些图标标签，使用字体真棒svg图像。现在当我向右滚动时，图标会在第一列值上重叠。我希望它们在滚动时隐藏。

表格如下图所示没有滚动：

滚动到右边后：

这些图标在左栏上重叠。

Html表正文代码：

Map<Boolean,Long> result = map1.entrySet().stream()
    .filter(e -> e.getValue() ^ map2.getOrDefault(e.getKey(), !e.getValue()))
    .collect(Collectors.partitioningBy(Map.Entry::getValue, Collectors.counting()));
int map1TrueMoreThanMap2True   = result.get(true).intValue();
int map1FalseMoreThanMap2False = result.get(false).intValue();

如果我使用普通图像标签或任何其他文本，则在向右滚动时会隐藏它们。我使用了字体很棒的图标。如何解决这个重叠的问题呢？