ant design table td 超长时如何显示省略号

效果:
ant design table td 超长时如何显示省略号_第1张图片
解决方案
1>在css设置样式:

.smileDark {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100px;(自行设置)
}

2>columns

    {
        title: '备注',
        dataIndex: 'remarks',
        width: '12%',
        render: text => 
{text}
, }

你可能感兴趣的:(Ant,Table)