1. 创建一个数组来保存每列的数量
2. 在ngOnInit函数中遍历表格数据并将每列数量累加到数组中
3. 在模板中显示总和

代码示例：

在组件中：

export class AppComponent implements OnInit {
  title = 'app';
  tableData = [
    {name: '张三', age: 20, gender: '男'},
    {name: '李四', age: 25, gender: '男'},
    {name: '王五', age: 30, gender: '女'},
  ];
  columnCount = [];

  ngOnInit() {
    for(let column in this.tableData[0]) {
      this.columnCount[column] = 0;
      for(let row of this.tableData) {
        this.columnCount[column] += row[column];
      }
    }
  }
}

在模板中：

  

    

      
姓名
      
年龄
      
性别
    
  
  

    

      
{{row.name}}
      
{{row.age}}
      
{{row.gender}}
    
  
  

    

      
Total:
      
{{columnCount['age']}}