element ui 表格中的字太长，想要把多余的字变成...解决方法，一个属性即可
问题描述如下
相应代码段
<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 表格中的字太长，想要把多余的字变成...解决方法，一个属性即可相关推荐
- element ui表格中的algin属性无效
我们在使用element ui表格中,经常需要调整表格内容的文字对齐位置,例如: 文档中描述是使用algin="left / right / center"调整文字对齐,但是我们使 ...
- LaTeX 表格里的内容太长想换行怎么办
LaTeX 表格里的内容太长想换行怎么办 目录 步骤 示例 步骤 主要有两个步骤: 1.添加下面这行命令 \newcommand{\tabincell}[2]{\begin{tabular}{@{}# ...
- element ui 弹出组件的遮罩层在弹出层的上面的解决方法
element ui 弹出组件的遮罩层在弹出层的上面的解决方法 参考文章: (1)element ui 弹出组件的遮罩层在弹出层的上面的解决方法 (2)https://www.cnblogs.com/ ...
- c# 导出excel 数字太长而显示为科学计数法的解决方法
c# 导出excel 数字太长而显示为科学计数法的解决方法 <td style=\"vnd.ms-excel.numberformat:@\"> {0}</td& ...
- element ui表格中添加开关按钮
又是我们可能会需要在表格中添加类似于启用状态的按钮 下面我们一起来看看吧 页面代码如下 <el-table-column align="center" label=" ...
- Element—UI 表格中换页后序号不变的问题
问题情况:在表格中做出了分页功能后发现分页后的序号还是从1开始 解决方法: <el-table-columnlabel="序号"type="index"w ...
- element ui 表格中的渲染有多个状态判断的情况
element中表格的使用 模板: <el-table-column label="支付方式" width="100" align="cente ...
- Vue+element ui 表格中时间选择器范围控制(两种方式)
1.页面 <el-table v-loading="loading" :data="tableList" border> <!-- 方法1 - ...
- html表格中加背景图片,table设置背景图片，不能100%显示解决方法
在开发中发现了下面的情况: (1) 如果文件存放为.jsp文件后缀的形式,代码如下所示(index.jsp): 复制代码代码如下: 让表格百分之一百显示 程序运行后,页面中显示的效果如下图所示: 该效 ...
最新文章
- 一、进程的概念、组成和特征
- nodejs之express -- 1
- 7月的夏日北京必联网公司一行(图文)
- 15、解决14中csv用excel打开乱码的问题 open('zhihu.csv','w',newline='',encoding='utf-8-sig')...
- CodeForces - 103E Buying Sets(最小权闭合子图)
- python下载器2
- eclipse设置java虚拟机内存大小_eclipse设置java虚拟机内存大小
- Android开发笔记（一百四十七）标签布局TabLayout
- 语言环境及apt工具使用方法
- 关于java.lang.ClassNotFoundException
- Windows安装Oracle与PlSql教程
- @Qualifier的作用和应用
- 用python批量发送短信_Python批量发短信
- 各种类型数据库以及其适用场景
- 第7章概率和样本：样本均值的分布
- FCOS搭建环境bug
- 聚焦AWE2020 看小家电行业“风往哪吹”
- 8.3列表/菜单/文本域标记
- phpems考试系统如何处理word txt题库并导入系统
- 拍照已经成为我们手机中必备的功能之一，但是我们很多人都无法使用手机原相机拍出好看的图片，这是为什么呢？