angular - 表的 cdk-virtual-scroll-viewport 未正确显示搜索结果我试图对具有大数据大小的表使用虚拟滚动选项。当我使用它时，它会正确显示滚动条。但是由于想要启用搜索，我使用了“table datatable”。但它没有正确显示搜索结果。如何解决问题？ <cdk-virtual-scroll-viewport [itemSize] = "20"> <table datatable >

Question

我试图对具有大数据大小的表使用虚拟滚动选项。当我使用它时，它会正确显示滚动条。但是由于想要启用搜索，我使用了“table datatable”。但它没有正确显示搜索结果。如何解决问题？

<cdk-virtual-scroll-viewport [itemSize] = "20">
        <table datatable >    <<====ISSUE IS HERE ====>>
          <thead> 
            <tr>
              <th> Template </th>
              <th> Details </th>
            </tr>
          </thead>
          <tbody>
            <tr *cdkVirtualFor="let template of templates; let i=index">
              <td >{{ template.name}}</td>
              <td>
                <td >{{ template.details}}</td>
              </td>
            </tr>
          </tbody>
        </table>
      </cdk-virtual-scroll-viewport>