应项目需求,要给表格固定宽度超出部分省略隐藏,查找后发现添加ellipsis属性为true即可实现,但是,这个属性会存在兼容性问题如图:
超出隐藏无效,划过显示有效,而宽度也被撑开了,造成页面表头和表格不对称的问题,经过翻阅资料,最终解决该问题,代码如下
/* //兼容火狐超出显示... */ .ant-table-row-cell-ellipsis { width: 10px !important; max-width: 10px !important; overflow: hidden !important; white-space: nowrap !important; -o-text-overflow: ellipsis !important; text-overflow: ellipsis !important; }
将代码放在公用css中,即可解决