使用CSS网格移动特定的元素？

我正在构建一个与CSS网格相结合的动态表，我希望将最左边的部分移动一点。不确定如何将驻留在div中的特定元素移动到

基本上，我希望实现以下目标：

这里有一把小提琴，显示了我的工作：

基本上，最左边的部分保存了我所有的项目名称，我只想略过一点，因为它与其余的数据放得太紧了。我不知道该怎么做，因为我正在将一个表与CSS网格相结合

PS：我曾尝试仅使用CSS网格创建整个表格，但由于我的表格是高度动态的，所以实现这一点非常困难，而且非常痛苦。

添加此样式

th:first-child, td:first-child {
  min-width: 120px;
  background-color: lightgreen;
  text-align: center;
}

根据需要调整“最小宽度”值

还要注意的是，实际上您并没有在表中使用网格，它只是在一个网格单元中

要在不更改布局的情况下执行此操作，请使用变换：

th:first-child, td:first-child {
  transform: translateX(-18px);
}

---

非常感谢！这正是我所需要的。嘿，伙计，我刚刚意识到这并不能完全解决问题，因为它会将其他所有东西移到一边，是否可以在不影响容器的情况下移动零件？我想保持桌子大小完全相同，只需移动实际的td一点……是的，这是可能的。我已经编辑了答案，请检查