проблемы с дочерними строками - машинопись

Question

Я пытаюсь отобразить знак плюс, чтобы показать некоторые дочерние узлы с дополнительной информацией, проблема в том, что я не могу понять, что печатать в TypeScript, и с вещами, которые я знаю о коде, знаю,мне это совсем не помогает.

Я пробовал несколько примеров в таблицах данных, но не смог найти подобную проблему, или у меня недостаточно опыта, чтобы разобраться в этом.

  <table datatable [dtOptions]="dtOptions" class="row-border hover" cellspacing="0" width="100%" dt-options ="vm.dtOptions" dt-instance = "vm.dtOptions"> 
      <thead>
        <tr>
          <th> NumProcesso </th>
          <th> Data </th>
          <th> CNJ </th>
          <th> Cliente </th>
          <th> CPFCNPJ </th>
          <th> Decisão </th>
          <th> Onus </th>
          <th> Tipo </th>
          <th> Reu </th>
          <th> Autor </th>
          <th> AdvogadoReu </th>
          <th> AdvogadoAutor </th>
          <th> Valor </th>
          <th> Forum </th>
          <th> Vara </th>
          <th> Descricao </th>



        </tr>
      </thead>

      <tbody>
        <ng-container ng-repeat="tdOptions in datatable"></ng-container>
        <td><a class  ="green shortInfo" href="javascript:;" ng-click="childInfo(dtOptions, $event)" title="Clique para ver mais"><i class = "glyphicon glyphicon-plus-sign"></i></a></td>
        <tr *ngFor="let item of responseData" >

          <td> {{ item.numProcesso }} </td>
          <td> {{ item.data }} </td>
          <td> {{ item.cnj }} </td>
          <td> {{ item.cliente }} </td>
          <td> {{ item.CPFCNPJ }} </td>
          <!-- <td> {{ item.Decisao }} </td> -->
          <td> {{ item.Onus }} </td>
          <td> {{ item.Tipo }} </td>
          <td> {{ item.Reu }} </td>
          <td> {{ item.Autor }} </td>
          <td> {{ item.AdvogadoReu }} </td>
          <td> {{ item.AdvogadoAutor }} </td>
          <td> {{ item.Valor }} </td>
          <td> {{ item.Forum }} </td>
          <td> {{ item.Vara }} </td>
          <td> {{ item.descricao }} </td>

          <table class="table boderless">
              <tr>
                <th width="150">Decisao :</th>
                <td>{{item.Decisao}}</td>
              </tr>
              <!-- <tr>
                <th>Start Date :</th>
                <td>{{user.start_date}}</td>
              </tr>
              <tr>
                <th>Ext :</th>
                <td>{{user.extn}}</td>
              </tr>  -->
            </table>
        </tr>

      </tbody>
    </table>

Я ve got this until now, even tho in not even trying to use the .css yet because by seeing this, I can т, чтобы понять, что положить в .ts.Что я должен использовать?есть какая-нибудь часть, которую я могу отправить тебе?Я знаю, что это дата [dtOptions]