element ui 表格中的字太长，想要把多余的字变成...解决方法，一个属性即可_element ui table文字变多转换...-程序员宅基地

问题描述如下

在这里插入图片描述
相应代码段

 <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即可

如下图所示在这里插入图片描述
效果如下

本文链接：https://blog.csdn.net/qq_43290288/article/details/108218425

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

【深度学习】常见的神经网络层（上）-程序员宅基地

文章浏览阅读1.1w次，点赞137次，收藏241次。在深度学习中常见的神经网络层的讲解_神经网络层

文章浏览阅读4k次，点赞4次，收藏13次。1.背景记录一次排查挖矿病毒的过程，其实都是按照阿里云官方教程操作，其中有些操作命令需要重点记录下，为后面生产环境做铺垫学习。2.现象近期测试服务器有黑客通过redis的6379端口入侵，然后阿里云发送报警信息，然后登录控制台发现以下报警信息：3.恶意文件删除原先还担心 /etc/sysguard 是不是系统自带的，后来，检查看了下其他机器/etc目录下，都无此文件。遂放心...

Springboot集成Mybatis的两种映射方式_springboot mybatis 映射列-程序员宅基地

文章浏览阅读1.4k次。1、开启映射扫描1)在dao/mapper映射接⼝上添加@Mapper注解开启扫描注:这种方式需要在每个接口上都添加此注解，有些麻烦2)在⼊⼝程序(包含main⽅法的java类)上添加@MapperScan("映射接口所在包")注解扫描注:此方法⼀劳永逸，只需要配置⼀次，后⾯面的接口上都不需要添加@Mapper注解到此配置完成。可以直接在接口上写sql2.2..._springboot mybatis 映射列

MATLAB逻辑回归实例及代码_逻辑回归matlab代码-程序员宅基地

文章浏览阅读2.5k次，点赞8次，收藏36次。matlab逻辑回归流程、实例及代码_逻辑回归matlab代码

STM32最小系统电路_32单片机最小开发板接线-程序员宅基地

文章浏览阅读3.9k次，点赞3次，收藏23次。文章目录STM32最小系统电路图一，电源电路：二，复位电路：三，除了以上三大电路还要有烧录程序用的USB转TTL电路四，启动模式电路：绿色线连接的20脚和44脚杨桃32学习笔记，本文图片文字皆为转述STM32最小系统电路图三大部分：分为电源，时钟，和复位。一，电源电路：（1）电源正极3.3v（红色线）一共供给了三路的逻辑电源输入VDD1/2/3，以及一个模拟电源的输入VDDA。（2）在VBAT（备用电源接口输入）上接一个3v的纽扣电池，另一端接地（黑色线）。主要是为了内部的RTC供电。（_32单片机最小开发板接线

ArcGIS插件 - 易至天工影像加载插件_arcgis在线影像插件-程序员宅基地

文章浏览阅读1.7k次。众所周知，谷歌地图由于其分辨率高、更新速度快，且一直免费，受到行业内外各种人士的青睐，也正因如此，有人利用，有人嫉妒，导致它在国内市场无法再继续下去了。各大相关软件产商也主动或被动下架相关服务，可还是有人悄悄在使用，以至于很多人都不了解它，它就是今天要介绍的易至天工影像加载插件。_arcgis在线影像插件

随便推点

pmp-关键路径法之顺推和逆推-程序员宅基地

文章浏览阅读9.2k次。下图是系统集成项目管理工程师2019年上半年下午的案例题,这里用来解析关键路径法的顺推和逆推备注:因为软考的项目管理考纲是采用PMP的教材,所以这里的解析是通用的专业术语解释:1,顺推,从A推到ID前面的有B,CB的最早结束时间为11,C的最早结束时间为13所以D的最早开始时间为13(取最大的),D的最早结束时间为13+7=20H前面的有D,E,FD的最早结...

wordpress 显示文章日期-程序员宅基地

文章浏览阅读168次。【代码】wordpress 显示文章日期。

【C语言-4】C语言程序开发步骤，从编码到运行_c语言程序编码运行,或其它语言开发工具、开发环境的应用与开发-程序员宅基地

文章浏览阅读4.1k次，点赞2次，收藏7次。系列文章目录文章目录前言1、C语言程序开发的步骤2、代码编辑（俗称写代码）3、编译及链接4、修改代码5. 调试及测试前言一步步，教你编写一个最简单的C语言程序，让你了解C语言是怎么样真正运行的。（演示在windows 10环境下的操作步骤。）1、C语言程序开发的步骤现在你肯定迫不及待地想要开始写程序了。这一节，我们来聊聊怎样把程序写出来，如何让它能够被计算机所理解，又怎样让它按照我们想要的效果运行。要让C语言代码成功运行，并达到预想的效果，一般需要经过以下步骤：代码编辑。编译及链接。_c语言程序编码运行,或其它语言开发工具、开发环境的应用与开发

Sicily 1345 能量项链_134sicily-程序员宅基地

文章浏览阅读778次。ConstraintsTime Limit: 1 secs, Memory Limit: 32 MB Description在Mars星球上，每个Mars人都随身佩带着一串能量项链。在项链上有N颗能量珠。能量珠是一颗有头标记与尾标记的珠子，这些标记对应着某个正整数。并且，对于相邻的两颗珠子，前一颗珠子的尾标记一定等于后一颗珠子的头标记。因为只有这样，通过吸盘（吸盘是Mars人吸收能_134sicily

vue的前后端数据转换_:options="dict.type.report_status-程序员宅基地

文章浏览阅读2.9k次。vue中将后台返回的数字转换成对应的文字记录：因为工作需要，记录自己遇到的问题。问题：解决前端展示的是汉字男女，而且0,1,2,对应不同的汉字这种类型的问题。第一种方式：:formatter=“statusFormatter” 主要是这个，格式化我们的数据<el-table:data="tableData"border> <el-table-column prop="status" :show-overflow-tooltip="true_:options="dict.type.report_status

Exception in thread "main" org.apache.spark.sql.AnalysisException: Resolved attribute(s)_resolved attribute(s) missing from attribute(s) wi-程序员宅基地

文章浏览阅读7.5k次，点赞2次，收藏2次。因业务特殊，对同一个df进行两次join会报以下错：Exception in thread "main" org.apache.spark.sql.AnalysisException: Resolved attribute(s) goods_name#1139 missing from order_id#498,goods_name#476 in operator !TypedFilter &l..._resolved attribute(s) missing from attribute(s) with the same name appear in