AG-Grid视口模型的行分组可以通过以下解决方法实现：

1. 在AG-Grid中创建带有行分组的视口模型，可以使用groupRowRenderer属性。该属性允许自定义行分组的外观和行为。

// 定义行分组的外观和行为
function groupRowRenderer(params) {
  if (params.node.group) {
    return '' + params.node.key + '';
  } else {
    return params.value;
  }
}

// 创建AG-Grid实例
var gridOptions = {
  // 其他配置项...
  groupRowRenderer: groupRowRenderer
};
new agGrid.Grid(gridDiv, gridOptions);

2. 使用groupRowInnerRenderer属性，可以进一步自定义行分组的内部内容。该属性允许在行分组中嵌入自定义的HTML元素或组件。

// 定义行分组的内部内容
function groupRowInnerRenderer(params) {
  if (params.node.group) {
    return '' + params.node.key + ''
           + ' (' + params.node.allChildrenCount + ' items)';
  } else {
    return params.value;
  }
}

// 创建AG-Grid实例
var gridOptions = {
  // 其他配置项...
  groupRowInnerRenderer: groupRowInnerRenderer
};
new agGrid.Grid(gridDiv, gridOptions);

以上示例中的groupRowRenderer和groupRowInnerRenderer函数可以根据实际需要进行修改，以实现自定义的行分组外观和行为。