要使用Angular Material表格显示从本地服务器获取的数据，你可以按照以下步骤进行操作：

1. 首先，确保你已经在你的项目中安装了Angular Material和相关的依赖：

npm install @angular/material @angular/cdk @angular/animations

2. 在你的模块文件（通常是app.module.ts）中导入所需的Angular Material模块：

import { MatTableModule } from '@angular/material/table';
import { MatPaginatorModule } from '@angular/material/paginator';
import { MatSortModule } from '@angular/material/sort';

@NgModule({
  imports: [
    MatTableModule,
    MatPaginatorModule,
    MatSortModule
    // 其他模块
  ],
  // 其他配置
})
export class AppModule { }

3. 在你的组件文件中，创建与你的数据结构相匹配的接口或类，并在组件类中定义数据源和表格的列定义：

import { Component, OnInit, ViewChild } from '@angular/core';
import { MatTableDataSource } from '@angular/material/table';
import { MatPaginator } from '@angular/material/paginator';
import { MatSort } from '@angular/material/sort';

export interface UserData {
  id: string;
  name: string;
  email: string;
  phone: string;
}

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent implements OnInit {
  displayedColumns: string[] = ['id', 'name', 'email', 'phone'];
  dataSource: MatTableDataSource;

  @ViewChild(MatPaginator) paginator: MatPaginator;
  @ViewChild(MatSort) sort: MatSort;

  ngOnInit() {
    this.dataSource = new MatTableDataSource(this.getDataFromServer());
    this.dataSource.paginator = this.paginator;
    this.dataSource.sort = this.sort;
  }

  getDataFromServer(): UserData[] {
    // 从服务器获取数据的逻辑
    // 返回的数据应该是一个包含UserData对象的数组
  }
}

4. 在你的模板文件（table.component.html）中使用Angular Material的表格组件：

    
    
    
    


  
  
 ID 
    
 {{user.id}} 
  

  
 Name 
    
 {{user.name}} 
  

  
 Email 
    
 {{user.email}} 
  

  
 Phone 
    
 {{user.phone}} 
  

  
  

  

这样，你就可以在Angular Material表格中显示从本地服务器获取的数据了。确保正确设置数据源、分页器和排序器，以便提供正确的交互和功能。