放大太远时 box-shadow 消失

Question

当用户水平滚动时，我希望我的第一列冻结。 最初，当我滚动时边框没有停留，所以我环顾四周，大多数地方都推荐使用“box-shadow”。

但是，当我缩小到足够多（比如 75% 或更少）时，滚动时盒子阴影会完全消失。 我确定这是因为我的 box-shadow 的宽度只有 1px，但我不能完全让它更厚，因为它会从边框“泄漏”出来并使表格的总体布局看起来略微偏离。

    <TDHeader
      color={
        (level.level + zebraStripOffset) % 2 === 0
          ? "rgba(242, 242, 242, 1)"
          : "rgba(255, 255, 255, 1)"
      }
      shadow={
        "1px 0px 0px 0px rgba(147, 147, 147, 1), -0.5px 0px 0px 0px rgba(147, 147, 147, 1)"
      }
      className="bold"
      rowSpan={2}
      hideLeft={true}
      borderBottom={isLastRow}
    >
      {level.level}
    </TDHeader>

当以 100% 缩放滚动时，一切看起来都很漂亮：

但是，在这种情况下，即使我缩小到 90%，box-shadow 也会在滚动时消失：

如果我将水平偏移更改为 1.5，则如下所示：

但是，当我缩小到 100% 时，您会看到边界看起来“偏移”，因为阴影稍微向右泄漏。

那么，我最好的行动计划是什么？