要实现Angular虚拟滚动并根据内容调整宽度，您可以按照以下步骤进行操作：

1.首先，安装@angular/cdk和@angular/material库，这些库提供了一些用于实现虚拟滚动的组件和指令。

npm install @angular/cdk @angular/material

2.在您的Angular模块中导入所需的模块。

import { ScrollingModule } from '@angular/cdk/scrolling';
import { MatTableModule } from '@angular/material/table';

@NgModule({
  imports: [
    ScrollingModule,
    MatTableModule
  ],
  ...
})
export class YourModule { }

3.在组件中，定义用于显示表格的数据和列定义。

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

@Component({
  selector: 'app-your-component',
  template: `
    

      
          
          

        
        
 Name 
          
 {{ item.name }} 
        

        
 Age 
          
 {{ item.age }} 
        

        
        

        

      
    
  `,
  styles: [`
    .table-container {
      height: 300px;
      width: 100%;
    }

    .your-table {
      width: auto;
    }
  `]
})
export class YourComponent {
  displayedColumns: string[] = ['name', 'age'];
  dataSource = [
    { name: 'John Doe', age: 25 },
    { name: 'Jane Smith', age: 30 },
    // 更多数据...
  ];
}

在上面的代码中，我们使用cdkVirtualScroll指令将dataSource数组中的数据呈现为一个虚拟滚动的表格。通过使用matColumnDef和matCellDef指令，我们定义了表格的列和绑定。

在样式部分，我们将表格容器的高度设置为300px，并将表格的宽度设置为自适应。

这样，当表格的内容超过表格容器的高度时，它将自动启用虚拟滚动，并根据内容调整宽度。