动态设置高度时,如何在挡泥板中调整尺寸并去除基准网格中的多余空间

我使用的是muddatagrid,我已经设置了数据网格的高度,它根据屏幕大小动态变化,当每页的行数超过高度时,它会显示滚动条。但是,当记录的数量小于每页的高度或行数时,就会出现问题,寻呼机内容和数据网格底部的记录之间会有过多的空间。

例如,如果要显示的记录少于10条,那么在数据网格的底部,实际记录和寻呼机内容之间将有一个空间(我添加了分页)。当有多个页面时,最后一页也会发生这种情况。在这种情况下,我想将剩余页面的高度设置为最后一页的自动高度,其中记录低于提到的高度。我怎样才能做到这一点。

这是我的代码

<MudDataGrid Items="@Elements" Filterable="true" FilterCaseSensitivity="DataGridFilterCaseSensitivity.CaseInsensitive" RowsPerPage="@rowsperpage"  Context="context" FixedHeader="true" Height="@((Service.Height-100).ToString() + "px")">
    @*  @ref="dataGrid" Height="@((currentpage==(int)(Elements.Count()/rowsperpage))&&((Elements.Count()%rowsperpage) ==0) ? ("100px"):"auto")"
      ColumnResizeMode="@((currentpage==(int)(Elements.Count()/rowsperpage))&&((Elements.Count()%rowsperpage) ==0) ? ResizeMode.None : ResizeMode.Column)" @bind-CurrentPage="@currentpage">*@
<Columns>
<PropertyColumn Property="x => x.Number" Title="Nr" />
<PropertyColumn Property="x => x.Sign" />
<PropertyColumn Property="x => x.Name" />
<PropertyColumn Property="x => x.Position" />
<PropertyColumn Property="x => x.Molar" Title="Molar mass" />
</Columns>
<NoRecordsContent>
<MudText>No matching records found</MudText>

我已经为这个问题添加了mudblaczor片段。

https://try.mudblazor.com/snippet/ckQIEHaSwUQhyioT

如果记录的高度低于数据网格的固定高度,我想调整高度。

这是我现在得到的输出,但我想要的是

当所有数据的高度超过数据网格的高度时,它将创建一个滚动条,但当数据高度低于设置的高度(动态设置)时,它会创建不必要的滚动条。我想修复像上面的图像一样得到输出的问题。

非常感谢。