您可以使用CSS样式来调整列标题和第一行之间的间隔。以下是一个示例：

.ag-header-viewport {
  margin-top: 10px; /* 调整顶部间隔 */
  margin-bottom: 10px; /* 调整底部间隔 */
}

将上述CSS样式添加到您的样式表中。

如果您需要在特定列上应用不同的间隔，请使用列定义的headerClass属性来指定自定义CSS类。然后，您可以在样式表中为该特定类添加样式。

例如，您可以在列定义中使用headerClass属性：

{
  headerName: 'Column 1',
  field: 'column1',
  headerClass: 'custom-header' // 指定自定义CSS类
}

然后，在样式表中为该类添加样式：

.custom-header {
  margin-top: 10px; /* 调整顶部间隔 */
  margin-bottom: 10px; /* 调整底部间隔 */
}

这将仅在具有custom-header类的列上应用间隔样式。

请注意，ag-header-viewport是ag-Grid的默认CSS类，它用于包装列标题。因此，通过调整其上下边距，您可以更改列标题和第一行之间的间隔。