如何调整 AG Grid Table 列宽对应行数？

Question

将 drag and drop 添加到行后出现问题，添加复选框时工作正常。
首先，我尝试将 margin-left 应用于 Devtools 中的 header checkbox wrapper div 并且成功了，但是在尝试使用 css 类实现样式之后，它将给定的样式应用于所有行。
我想，我没有针对正确的类名，或者我可能需要使用 cellStyles。
这是 sandbox
的 link 查看当前视图的截图

在 devtools

中正确定位样式

尝试在不起作用的代码中做同样的事情

.ag-wrapper .ag-input-wrapper .ag-checkbox-input-wrapper {
  margin-left: 27px !important;
}

任何帮助将不胜感激

Answer 1

我没有定位正确的类名。
如果其他人也遇到类似的问题，这是正确的定位方式。

.ag-header-cell:first-child {
  margin-left: 26px;
}

和working sandbox link

如何调整 AG Grid Table 列宽对应行数？

How to adjust AG Grid Table column width with the corresponding rows?

css

ag-grid

ag-grid-react