要将ag-Grid行分组的行颜色应用于整行，可以使用ag-Grid的cellClassRules属性和rowStyle属性来实现。

首先，我们需要定义一个cellClassRules对象，其中包含我们想要应用于特定行的样式规则。在这种情况下，我们将使用'group' CSS类来定义我们的行颜色。例如，如果我们想要将分组行的背景颜色设置为灰色，我们可以使用以下样式规则：

const cellClassRules = {
  'group': function(params) {
    return params.node && params.node.group;
  }
};

然后，我们可以将cellClassRules对象应用于ag-Grid的columnDefs属性中的每个列定义。例如：

const columnDefs = [
  {headerName: 'Make', field: 'make', cellClassRules: cellClassRules},
  {headerName: 'Model', field: 'model', cellClassRules: cellClassRules},
  {headerName: 'Price', field: 'price', cellClassRules: cellClassRules}
];

接下来，我们需要定义一个rowStyle函数，该函数将返回应用于整行的样式。在这种情况下，我们将使用rowStyle函数来将行颜色应用于分组行。例如：

function rowStyle(params) {
  if (params.node && params.node.group) {
    return {'background-color': 'lightgray'};
  }
  return null;
}

最后，我们可以将rowStyle函数应用于ag-Grid的rowStyle属性中，以将样式应用于整个行。例如：

const gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  rowStyle: rowStyle
};

完整的示例代码如下：

const cellClassRules = {
  'group': function(params) {
    return params.node && params.node.group;
  }
};

const columnDefs = [
  {headerName: 'Make', field: 'make', cellClassRules: cellClassRules},
  {headerName: 'Model', field: 'model', cellClassRules: cellClassRules},
  {headerName: 'Price', field: 'price', cellClassRules: cellClassRules}
];

function rowStyle(params) {
  if (params.node && params.node.group) {
    return {'background-color': 'lightgray'};
  }
  return null;
}

const gridOptions = {
  columnDefs: columnDefs,
  rowData: rowData,
  rowStyle: rowStyle
};

new agGrid.Grid(gridDiv, gridOptions);

请注意，上述示例假设您已经在页面上包含了ag-Grid库，以及一个具有id为gridDiv的div元素用于呈现ag-Grid。您还需要根据您的数据结构和需求进行适当的调整。