如何控制 Blazor Virtualize 组件的高度答案

【问题标题】：How to control the height of Blazor Virtualize component如何控制 Blazor Virtualize 组件的高度
【发布时间】：2020-12-04 01:17:27
【问题描述】：

我有一个基本的 Blazor Virtualize 组件。作为测试，我只是在其中添加了一个带有“1”..“2000”的列表。但内容只是显示为 2000 行 div。我尝试设置父 div 最大高度，但它似乎对渲染的项目数量没有影响（仍然全部渲染）。文档非常稀少。

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

【问题讨论】：

【解决方案1】：

尝试设置样式溢出：auto;

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

【讨论】：