ant design table td 文字顯示過長添加省略號、ant 文字過長時添加tootip提示

方法1：

1. overflow: hidden;
2.  text-overflow: ellipsis;
3.  display: -webkit-box;
4. -webkit-line-clamp: 2;
5.  -webkit-box-orient: vertical;

 

方法2：　

　　overflow: hidden; 　　text-overflow: ellipsis; 　　white-space: nowrap; 　　display: inline-block; 　　width: 400px;


3、添加toottip 提示

 

代碼如下：

<td>
  <a-tooltip>
    <template slot='title'>
       {{item.projectContent}}
     </template>
     <span class="ecllipsis">
        {{item.projectContent}}
     </span>
  </a-tooltip>
</td>