在启用按行分组时，Ag Grid默认隐藏了列值。要显示列值，您需要在列定义中设置cellRenderer属性为一个自定义的渲染器函数。

下面是一个示例代码，演示了如何在Angular 8中使用Ag Grid来显示列值：

1. 首先，确保您已经安装了Ag Grid和Ag Grid Angular依赖：

   npm install --save ag-grid-community ag-grid-angular
   

2. 在您的Angular组件中，导入Ag Grid相关的模块：

   import { Component } from '@angular/core';
   import { AgGridAngular } from 'ag-grid-angular';
   import { GridOptions } from 'ag-grid-community';
   

3. 在组件类中定义Ag Grid的选项和数据：

   @Component({
     selector: 'app-grid',
     templateUrl: './grid.component.html',
     styleUrls: ['./grid.component.css']
   })
   export class GridComponent {
     gridOptions: GridOptions;
     columnDefs: any[];
     rowData: any[];
   
     constructor() {
       this.gridOptions = {
         // 启用按行分组
         enableRowGroup: true,
         // 其他Grid选项...
       };
   
       this.columnDefs = [
         { headerName: 'Name', field: 'name' },
         { headerName: 'Age', field: 'age' },
         // 其他列定义...
       ];
   
       this.rowData = [
         { name: 'John', age: 25 },
         { name: 'Jane', age: 30 },
         // 其他数据行...
       ];
     }
   }
   

4. 在组件的HTML模板中，使用Ag Grid组件，并设置cellRenderer属性为一个自定义的渲染器函数：

5. 在组件类中定义一个自定义的渲染器函数，用于显示列值：

   import { ICellRendererParams } from 'ag-grid-community';
   
   export function valueRenderer(params: ICellRendererParams) {
     return params.value;
   }
   

6. 在列定义中设置cellRenderer属性为自定义的渲染器函数：

   this.columnDefs = [
     { headerName: 'Name', field: 'name', cellRenderer: valueRenderer },
     { headerName: 'Age', field: 'age', cellRenderer: valueRenderer },
     // 其他列定义...
   ];
   

这样，当启用按行分组时，Ag Grid将显示列值。您可以根据需要自定义渲染器函数的逻辑，以实现更复杂的显示效果。