在Angular 6中，使用Angular Material的表格组件实现服务端和客户端分页可以按照以下步骤进行。

1. 安装Angular Material：

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

2. 在app.module.ts文件中导入和配置Angular Material模块：

   import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
   import { MatTableModule } from '@angular/material/table';
   import { MatPaginatorModule } from '@angular/material/paginator';
   
   @NgModule({
     imports: [
       BrowserAnimationsModule,
       MatTableModule,
       MatPaginatorModule
     ],
     ...
   })
   export class AppModule { }
   

3. 创建一个数据服务（Data Service），用于从服务端获取数据：

   import { Injectable } from '@angular/core';
   import { HttpClient } from '@angular/common/http';
   
   @Injectable({
     providedIn: 'root'
   })
   export class DataService {
     constructor(private http: HttpClient) { }
   
     getData(pageIndex: number, pageSize: number) {
       const url = `http://your-api-url?pageIndex=${pageIndex}&pageSize=${pageSize}`;
       return this.http.get(url);
     }
   }
   

4. 在组件中使用表格和分页器：

   import { Component, OnInit, ViewChild } from '@angular/core';
   import { MatPaginator } from '@angular/material/paginator';
   import { MatTableDataSource } from '@angular/material/table';
   import { DataService } from './data.service';
   
   @Component({
     selector: 'app-table',
     template: `
       
           
   
         
         
    ID 
           
    {{element.id}} 
         
   
         
   
         
   
         
   
       
   
       
       
     `
   })
   export class TableComponent implements OnInit {
     displayedColumns = ['id', ...]; // 列名数组
     dataSource = new MatTableDataSource();
   
     @ViewChild(MatPaginator) paginator: MatPaginator;
   
     pageIndex = 0;
     pageSize = 10;
     totalItems = 0;
   
     constructor(private dataService: DataService) { }
   
     ngOnInit() {
       this.loadData();
     }
   
     loadData() {
       this.dataService.getData(this.pageIndex, this.pageSize)
         .subscribe((data: any) => {
           this.dataSource.data = data.items;
           this.totalItems = data.totalItems;
         });
     }
   
     onPageChange(event: any) {
       this.pageIndex = event.pageIndex;
       this.pageSize = event.pageSize;
       this.loadData();
     }
   }
   

以上代码示例中，DataService是一个用于从服务端获取数据的服务。在TableComponent组件中，我们使用了MatTableDataSource来存储表格数据，并在loadData()方法中订阅服务端数据并更新表格数据源。分页器(MatPaginator)的页面改变事件(page)会触发onPageChange()方法，从而重新加载数据。

请注意替换示例代码中的your-api-url为实际的服务端API地址。

这样，你就可以在Angular 6中使用Angular Material的表格组件实现服务端和客户端分页了。