带有两个数据源的角度材料表

如何解决带有两个数据源的角度材料表

我想从两个数据源创建一个材料表。两个数据源具有相同的数据结构。

datasource1 = [
{name: 'example1',day: 'day1'},{name: 'example2',day: 'day2'},]

datasource2 = [
{name: 'example3',day: 'day3'},{name: 'example4',day: 'day4'},]

从上面的数据源我想生成一个表，将相当于波纹管

<table>
  <tr>
    <td>Name </td>
    <td>Day </td>
  </tr>

  <tr>
    <td colspan="2">Datasource1 Values</td>
    <td></td>
  </tr>
  <tr>
    <td>example1 </td>
    <td>day1</td>
  </tr>
  <tr>
    <td>example2 </td>
    <td>day2</td>
  </tr>

  <tr>
    <td colspan="2">Datasource2 Values</td>
    <td></td>
  </tr>
  <tr>
    <td>example3 </td>
    <td>day3</td>
  </tr>
  <tr>
    <td>example4 </td>
    <td>day4</td>
  </tr>
</table>

即每个数据源前多出一行，列跨度是数据源的标题。 我怎样才能用角材料表做到这一点？