要在 Angular 腳手架項目中安裝和配置 Angular Grid，可以按照以下步驟進(jìn)行操作：

1. 在項目根目錄下，打開終端或命令提示符。

2. 運行以下命令來安裝 Angular Grid 包：

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

    

   這將安裝 ag-grid-angular 和 ag-grid 包，并將它們添加到你的項目的 package.json 文件中。

   3. 打開你的 Angular 應(yīng)用的模塊文件（通常是 app.module.ts），導(dǎo)入 AgGridModule：

import { AgGridModule } from 'ag-grid-angular';

// 在 @NgModule 的 imports 數(shù)組中添加 AgGridModule
@NgModule({
  imports: [
    // ...
    AgGridModule,
    // ...
  ],
  // ...
})
export class AppModule { }

確保在 imports 數(shù)組中添加了 AgGridModule，這樣 Angular Grid 所需的必要組件將會被正確地加載。

4. 在組件模板中使用 Angular Grid 的組件。例如，在某個組件的 HTML 模板中添加以下代碼：

<ag-grid-angular 
  style="width: 100%; height: 500px;" 
  class="ag-theme-alpine"
  [rowData]="rowData" 
  [columnDefs]="columnDefs">
</ag-grid-angular>

確保根據(jù)你實際的需求修改并定義 rowData 和 columnDefs 來展示數(shù)據(jù)。

5. 在組件的 TypeScript 文件中，定義 rowData 和 columnDefs 的值：

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

@Component({
  selector: 'app-my-grid',
  templateUrl: './my-grid.component.html',
  styleUrls: ['./my-grid.component.css']
})
export class MyGridComponent {
  rowData: any[];
  columnDefs: any[];

  constructor() {
    this.rowData = [
      // 定義你的數(shù)據(jù)行
    ];

    this.columnDefs = [
      // 定義你的列定義
    ];
  }
}

在 rowData 中定義要展示的數(shù)據(jù)行，通過 columnDefs 定義列定義。

這樣，你就可以在 Angular 腳手架項目中安裝和配置 Angular Grid。確保根據(jù)你的實際需求修改代碼，并根據(jù) Angular Grid 文檔進(jìn)一步配置和使用它。

在全局配置文件里，加入以下代碼才可以讓效果渲染頁面

@import 'ag-grid-community/styles/ag-grid.css';
@import 'ag-grid-community/styles/ag-theme-alpine.css';