如何控制Blazor虚拟化组件的高度

如何控制Blazor虚拟化组件的高度,blazor,blazor-server-side,Blazor,Blazor Server Side,我有一个基本的Blazor虚拟化组件。作为测试,我只是添加了一个列表,其中有“1”。“2000”。但内容仅显示为2000行div。我尝试设置父div max height,但它似乎对渲染的项目数没有影响(仍然渲染了所有项目)。文档非常稀少 <div style="max-height:100px"> <Virtualize Items="myData"> <div>@context</div>

我有一个基本的Blazor虚拟化组件。作为测试,我只是添加了一个列表,其中有“1”。“2000”。但内容仅显示为2000行div。我尝试设置父div max height,但它似乎对渲染的项目数没有影响(仍然渲染了所有项目)。文档非常稀少

<div style="max-height:100px">
  <Virtualize Items="myData">
    <div>@context</div>
  </Virtualize>
</div>

@上下文

尝试设置样式溢出:自动

<div style="max-height:100px; overflow: auto;">
    <Virtualize Items="myData">
          <div>@context</div>
    </Virtualize>
</div>

@上下文

尝试设置样式溢出:自动

<div style="max-height:100px; overflow: auto;">
    <Virtualize Items="myData">
          <div>@context</div>
    </Virtualize>
</div>

@上下文

overflow-y:滚动工作overflow-y:滚动工作