在Angular 9中，可以使用ng-bootstrap库来创建可展开的表格行并实现未隐藏的效果。下面是一个简单的示例代码：

1.首先，确保已安装ng-bootstrap库。可以通过运行以下命令来安装：

npm install @ng-bootstrap/ng-bootstrap

2.在app.module.ts文件中导入所需的模块：

import { NgbModule } from '@ng-bootstrap/ng-bootstrap';

@NgModule({
  ...
  imports: [
    ...
    NgbModule
  ],
  ...
})
export class AppModule { }

3.在组件的HTML模板中使用ngb-accordion组件来实现可展开的表格行：

      

  

    

      
#
      
Name
      
Age
    
  
  

    

        
{{ i+1 }}
        
{{ item.name }}
        
{{ item.age }}
      
      

        

          
            
            
Additional details for {{ item.name }}
            
Email: {{ item.email }}
            
Phone: {{ item.phone }}
          
        
      
    
  

4.在组件的TypeScript文件中定义数据对象和数据列表：

import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  data = [
    { name: 'John', age: 25, email: 'john@example.com', phone: '1234567890' },
    { name: 'Jane', age: 30, email: 'jane@example.com', phone: '0987654321' },
    { name: 'Mike', age: 35, email: 'mike@example.com', phone: '9876543210' }
  ];
}

通过这种方式，每一行的下方都会有一个隐藏的面板，当用户点击表格行时，该面板将展开并显示额外的详细信息。