Добавить ячейки таблицы из компонента в angular 4

У меня есть следующая таблица HTML:

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Data 1</th>
    <th>Data 2</th>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <td>Component data 1</td>
    <td>Component data 2</td>
  </tr>
</table>

Я хочу добавить компонент внутри второго, который будет содержать последние 2 тега ‹ td >, чтобы он выглядел примерно так:

<table>
  <tr>
    <th>Firstname</th>
    <th>Lastname</th> 
    <th>Data 1</th>
    <th>Data 2</th>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td> 
    <some-data></some-data>
  </tr>
</table>

Шаблон компонента some-data будет включать в себя 2 тега ‹ td >, которые нужны таблице, но это нарушит разметку таблицы и не будет выглядеть так, как должно.

Есть ли способ добиться этого?