如何在调整模式弹出窗口大小的同时自动垂直调整表的大小

如何解决如何在调整模式弹出窗口大小的同时自动垂直调整表的大小

我有一个ng-bootstrap模态弹出窗口，该窗口应该是可调整大小的。调整大小时，弹出窗口中的表也应自动调整大小。

我尝试使用angular-resize-events实现可调整大小的功能，但无法在弹出窗口中自动调整表的大小。

每个表的最大高度（以像素为单位）默认情况下最多显示三行。

    <div ngDraggable [handle]="DemoHandle" (resized)="onResized($event)" 
class="modal-draggable d-flex flex-column" ngResizable [rzHandles]="'all">
<div #DemoHandle class="modal-header align-items-center">
.....
</div>
<div class="modal-body">
<div>
<table>....</table>
</div>
<div>
<table>.....</table>
</div>
</div>
<div class="modal-footer">
....
</div>

注意-我们没有使用JQuery来调整任何元素的大小。

建议您解决此问题。