el-table中 文字超出 用点点点显示

Posted 2023-05-02

参考技术A <div class = 'css'>

show-overflow-tooltip>

              <template slot-scope="scope">

                <div>scope.row.aa</div>

              </template>

            </el-table-column>

</div>

主要是样式写下

  .aa /deep/ .el-table .cell 

    overflow: hidden !important;

  

div超出部分点点显示

.divHXMDNoWrap{ 
width: 100px; /*必须设置宽度*/
overflow: hidden; /*溢出隐藏*/
text-overflow: ellipsis; /*以省略号...显示*/
white-space: nowrap; /*强制不换行*/

}