如何在angular ng2智能表的表底添加新行

在Angular ng2智能表的表底添加新行可以通过以下步骤实现：

首先，在组件的HTML模板中，找到表格的底部位置，可以使用<tfoot>标签来定义表格的底部部分。
在<tfoot>标签内部，添加一个新的表格行，使用<tr>标签来定义表格行。
在新的表格行中，添加需要显示的单元格，使用<td>标签来定义表格单元格。
在组件的对应的TS文件中，定义一个数组来存储新行的数据。
在组件的初始化方法中，将新行的数据添加到数组中。
在组件的HTML模板中，使用*ngFor指令遍历数组，并将数组中的数据显示在新的表格行中。

以下是一个示例代码：

在组件的HTML模板中：

<table>
  <thead>
    <!-- 表头部分 -->
  </thead>
  <tbody>
    <!-- 表内容部分 -->
  </tbody>
  <tfoot>
    <tr *ngFor="let row of newRows">
      <td>{{ row.column1 }}</td>
      <td>{{ row.column2 }}</td>
      <!-- 添加更多需要显示的列 -->
    </tr>
  </tfoot>
</table>

在组件的TS文件中：

export class YourComponent implements OnInit {
  newRows: any[] = [];

  ngOnInit() {
    // 初始化新行的数据
    this.newRows.push({ column1: '新行数据1', column2: '新行数据2' });
    // 添加更多新行的数据
  }
}

这样，当组件初始化时，新的表格行会根据数组中的数据动态显示在表格的底部。

注意：以上示例中的column1和column2是示意性的，你需要根据实际需求修改为你的表格列名。另外，示例中的newRows数组可以根据需要进行扩展，以存储更多的新行数据。