描述

虚拟滚动是和表头锁定功能搭配使用的。

虚拟滚动不支持详情展开、数据分组。

虚拟滚动综合示例，虚拟滚动 + 表头锁定特性 + 列动态显示/隐藏 + 列固定 + 列拖动特性 + 分页特性 + 排序特性 + 表头搜索特性

表格虚拟滚动功能：在有样式类 ti3-table-container 的元素(第二个表格的父容器)上使用 itemSize 接口设置每条数据占据的高度，并且给其设置最大高度或高度，然后在 div.ti3-table-container > table > tbody > tr 上用 cdkVirtualFor 替换原有的 ngFor。

导入

import {{ '{' }} TiTableModule, TiOverflowModule, TiPaginationModule {{ '}' }} from '@opentiny/ng';

使用虚拟滚动需要引入 ScrollingModule 模块， 前提是安装了 @angular/cdk 三方库。

import {{ '{' }} ScrollingModule {{ '}' }} from '@angular/cdk/scrolling;

示例

{{column.title}}	{{column.title}}	{{column.title}}

{{row.id + '-' + row.firstName}}	{{row.lastName}}	{{row.age}}	{{row.balance}}	{{row.email}}	{{row.address}}	{{row.phone}}	{{row.parents}}	{{row.id + '-' + row.school}}