可以使用Angular Material V12或更早版本的Mat-table组件来解决此问题。 下面是示例代码:
HTML:
TS:
import { Component } from '@angular/core'; import { MatTableDataSource } from '@angular/material/table';
export interface Element { name: string; image: string; }
const ELEMENT_DATA: Element[] = [ { name: 'Element 1', image: 'https://via.placeholder.com/150' }, { name: 'Element 2', image: 'https://via.placeholder.com/150' }, { name: 'Element 3', image: 'https://via.placeholder.com/150' }, { name: 'Element 4', image: 'https://via.placeholder.com/150' }, { name: 'Element 5', image: 'https://via.placeholder.com/150' }, ];
@Component({
selector: 'app-table',
templateUrl: './table.component.html',
styleUrls: ['./table.component.css']
})
export class TableComponent {
displayedColumns: string[] = ['name', 'image'];
dataSource = new MatTableDataSource