问题描述如下
相应代码段
<el
-table style
="width: 100%" height
="330px" :data
="tableData" border stripe
><el
-table
-column align
="center" type
="index" label
="#"></el
-table
-column
><el
-table
-column align
="center" label
="社团编号" prop
="assoid"></el
-table
-column
><el
-table
-column align
="center" label
="负责人编号" prop
="userid"></el
-table
-column
><el
-table
-column align
="center" label
="社团名字" prop
="assoname"></el
-table
-column
><el
-table
-column align
="center" label
="社团简介" prop
="introduce"></el
-table
-column
><el
-table
-column align
="center" label
="现人数" prop
="numcurrent"></el
-table
-column
><el
-table
-column align
="center" label
="成立时间" prop
="establishtime"></el
-table
-column
><el
-table
-column align
="center" label
="创建时间" prop
="buildtime"></el
-table
-column
><el
-table
-column align
="center" label
="审核状态" :formatter
="formatterStatus" prop
="status"></el
-table
-column
><el
-table
-column align
="center" label
="操作"><template slot
-scope
="scope" width
="100px"><el
-button size
="medium" type
="primary" icon
="el-icon-edit" v
-if="editType"@click="openEdit(scope.$index, scope.row)">修改
</el
-button
><el
-button size
="medium" type
="danger" icon
="el-icon-delete" v
-if="deleteType"@click="clickDelete(scope.$index, scope.row)">撤销
</el
-button
></template
></el
-table
-column
></el
-table
>
只需要添加在相应字段的位置添加该属性show-overflow-tooltip即可
如下图所示
效果如下
总结
以上是生活随笔为你收集整理的element ui 表格中的字太长，想要把多余的字变成...解决方法，一个属性即可的全部内容，希望文章能够帮你解决所遇到的问题。
如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。
