放大太遠時 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% 時，您會看到邊界看起來“偏移”，因為陰影稍微向右泄漏。

那么，我最好的行動計划是什么？