如何缩小数据网格中的 DevExpress 行高

Question

我正在尝试使这个 DevExpress 数据网格中的行更加紧凑，但没有运气（React 项目）。我已经联系了 DevExpress，他们建议用 css 进行编辑，但我不知道怎么做。我假设我需要删除填充或边距。有人可以协助编辑我的数据网格中每一行的高度。我基本上想删除我画红线的所有额外间距。

此外，当我在谷歌上搜索该问题时，DevExpress 似乎也提出了这一点，但在我的代码中似乎什么也没做。

.dx-datagrid .dx-row > td,
.dx-datagrid .dx-row > tr > td {
  padding: 50px !important;
}

Answer 1

尝试在包含网格的 div 中添加一个 id（例如 id="my-div"）并在 'theme.base.css' 的末尾添加

#my-div .dx-data-row * {
  padding: 5px;
}

为我工作。