dawangding
dawangding
我们希望在每个单元格内,绘制很多不同的文本或图形,同时根据列宽可调整字体或图形大小,并且要求表格行高自适应(customRender中可通过计算文本精确返回单元格高度,customLayout中可以开启autoHeight) customLayout功能也能实现,但性能会差好多。我把customRender及customLayout简单做了一些比较: 分别绘制一些内容,且添加的图元数量少于5,但table行数及列数较多时,customLayout性能表现较差,很影响体验;customRender性能可以提升,但现有的可配置项很有限,有些要求无法达到,比如:字体在 X 方向的缩放 customRender拖动调整列宽:表现正常  customLayout拖动调整列宽:表现有明显卡顿;开启autoHeight后会更卡顿 
已精简放codesanbox上: https://codesandbox.io/p/devbox/vtable-simple-demo-forked-ftpnrk 关闭autoWrapText可有效减少卡顿,但初始渲染customLayout比customRender要慢很多,写了个全量导出表格(60行,10列,导出后图片分辨率约为4600x7000)为图片的逻辑,使用customLayout的时间是customRender用时的两倍。