How to set table row height using html body

Question

`

 <colgroup>
                  <col span="1" style="width: 50%;">
                  <col span="2" style="width: 50%;">
                </colgroup>
                <tr class="others-row">
                  <td class="traverse table-td-height">
                    <p class="others-type">Feature</p>
                  </td>
                  <td class="other-c-table-td table-td-height">
                    <mat-form-field appearance="none">
                      <ng-container *ngIf="!row.reviewed && 
                              !testThreatSource(row.threatSource)">
                        <mat-select [(ngModel)]="row.fromFeature" 
                               (ngModelChange)="onFeatureChange(row)">
                          <mat-option *ngFor="let selected of featureList.name; trackBy: 
                                   trackByFeature"
                            [value]="selected">
                            {{selected}}
                          </mat-option>
                        </mat-select>
                      </ng-container>
                      <ng-container *ngIf="row.reviewed || 
                             testThreatSource(row.threatSource)">
                        <textarea matInput [ngModel]="row.fromFeature" [readonly]="true" 
                               cdkTextareaAutosize
                          #autosize="cdkTextareaAutosize" cdkAutosizeMinRows="1"
                          cdkAutosizeMaxRows="2"></textarea>
                      </ng-container>
                    </mat-form-field>
                  </td> </tr> 

`This is the image I want to fix tr size if I get multiple rows inside tr without expanding tr height resize same table rows. In the image below you can see that my rows became out of place due to multiple rows in the first row

Features

{{chosen}}

Answer 1

Please provide more information to clarify your request.

To get the angular element you can use @ViewChild. View the documentation. https://angular.io/api/core/ViewChild

To directly manipulate elements in ts files, you can use Renderer2. https://angular.io/api/core/Renderer2