更多性能优化

tr 分层

• 通过css配置 transform:translateZ(0) 对每行 tr 进行分层。对性能有帮助。
  • 提升合成层可能导致黑底红字字体颜色发生变化。
  • 以下情况尝试开启此功能
    • 在 customCell 较多且复杂时。
    • 大量 highlight 动画时。

请尝试添加下方css后，滚动卡顿感是否有可感知的降低（在低性能机器上较明显）。

.stk-table tbody tr {
  transform: translateZ(0);
}

高亮

• 配置 props.highlightConfig.fps 指定高亮帧率。降低帧率有利于减少资源占用。
  • 建议值：30fps。最低建议值: 15fps

relative fixed

• 配置 props.cellFixedMode 为 relative 时，将使用相对定位实现固定列与固定表头，相较于sticky的实现，渲染合成层更少。
• 问题：若开启了纵向虚拟滚动，不开启横向虚拟滚动，且不设置某些列宽时。如果纵向滚动导致某些列宽变化，则会导致右侧固定列计算错误。

props.autoResize

• 手动设置为 props.autoResize=false。可取消监听的性能消耗。适用于宽度高度不变的表格。

props.smoothScroll

• 一些版本浏览器滚动默认有惯性。滚动过快会导致白屏。因此 chrome 85~120 版本默认关闭，将使用 onwheel 代理滚动，防止滚动白屏。