问题描述
在遇到长列表展示时,我们经常会使用固定列来提升用户体验。ant-design-vue中的table组件也提供了固定列的功能,在纯文本展示时并没有什么问题,而如果数据列中存在图片,则会导致列高度不一致的问题,截图如下:
解决
问题生产的原因是因为在遇到图片列时,会产生高度的动态变化,而ant-design-vue的table实现中,对高度动态变化的监听有缺陷。
想要解决这个问题,最简单的就是指定图片的高度
根据上面截图的例子,我们只要指定一下款式图的高度,就可以让固定列的高度保持一致啦
<img width="80" height="80" src="xxxx"/>