table组件—列同时使用ellipsis和fixed导致的错位问题

一、概述

实际开发中,有可能会遇到这种需求,当table组件内容过多时,要求在左侧或右侧固定几列,同时不允许单元格内文字换行,超出部分用省略号代替。根据官网的API文档可知,使用table组件的ellipsis和fixed两个列属性可以实现该需求,但实际效果存在单元格错位问题。

二、详解

解决方法也很简单,只须添加如下样式即可。

.ant-table-fixed-left table,
.ant-table-fixed-right table{
   width: min-content;
}

猜你喜欢

转载自blog.csdn.net/weixin_42472040/article/details/109882687