To better illustrate my goal, refer to this image: Desired Output <\b>
Currently, I'm achieving this: current output
Imagine 7 rows of data with two columns each. The issue arises in row 1, column 2 where the control needs to span 5 rows vertically, but it's currently limited to just 1 row. It should extend from Field x all the way down to Label E.
Here is a snippet of code for one row, showcasing the use of "row-two" and "col-1-12" div classes which are frequently utilized.
<div class="row-two" >
<label for="someLabel" class="col-1-12">TheLabel:</label>
<div class="col-2-12 left-align-button">
<p-dropdown [options]="optionNames" [(ngModel)]="selectedSomething" [filter]="true" filterBy="label" [style]="{width:'80%'}" (onChange) = "onSomeChange()"></p-dropdown>
</div>
<label for="somethingElse" class="col-1-12">AnotherLabel:</label>
<div class="col-3-12">
<select multiple="true" size="12" [(ngModel)]="selectedSomething" style="width: 100%;" (ngModelChange) = "getDatesFromServer()" >
<option title="{{something.label}}" *ngFor="let something of somethings" value= {{something.value.id}}>
{{something.label}}
</option>
</select>
</div>