Angular 实现角度CDK虚拟滚动以清晰显示datagrid行

我想实现具有虚拟滚动功能的datarid。我们可以使用Angular CDK包实现虚拟滚动以清晰地显示数据网格行吗

我尝试在datagrid上添加CDK虚拟滚动，代码如下：

<clr-datagrid>

  <clr-dg-column>...</clr-dg-column>

  <cdk-virtual-scroll-viewport [itemSize]="--" style="height:---px">

     <clr-dg-row *cdkVirtualFor="let item of items"> ... </clr-dg-row>

  </cdk-virtual-scroll-viewport>

</clr-datagrid>

...
... 

但是，在datagrid上没有呈现任何内容（datagrid显示空占位符）。如果我删除了CDK虚拟滚动，那么Clarity datagrid将按预期工作。我们有什么办法吗

---

谢谢。

不用Datagrid，只需使用HTML表格，它就可以正常工作

<table>
    <thead>
        <tr>
            <th>
                ID
            </th>
            <th>
                NAME
            </th>
        </tr>
    </thead>
    <tbody>
        <cdk-virtual-scroll-viewport itemSize="50">
            <tr *cdkVirtualFor="let item of results">
                <td>{{ item.ID }}</td>
                <td>{{ item.NAME }}</td>
           </tr>
        </cdk-virtual-scroll-viewport>
    </tbody>
</table>

身份证件
名称
{{item.ID}
{{item.NAME}

Clarity建议不要使用虚拟滚动（），并且无法支持任何其他可能会使功能变得清晰的库。我们建议将分页改为一种完全可访问的方式，以便在数据网格中拥有大型集合。