一、概述
实际开发中,有可能会遇到这种需求,当table组件内容过多时,要求在左侧或右侧固定几列,同时不允许单元格内文字换行,超出部分用省略号代替。根据官网的API文档可知,使用table组件的ellipsis和fixed两个列属性可以实现该需求,但实际效果存在单元格错位问题。
二、详解
解决方法也很简单,只须添加如下样式即可。
.ant-table-fixed-left table,
.ant-table-fixed-right table{
width: min-content;
}