1、根据你的代码el-table里面没有empty-text属性,排除自定义设置了empty-text提示文字 2、建议你暂时删除v-if="isCanSearchData"判断进行排查。 3、如果问题还存在,建议注释这段代码,复制官方示例表格代码跑一下。 4、如果问题依旧存在,全局"搜索数据加载中..."看看是否引用了js与el-table共同属性导致。 有用1 ...
</div> </el-table> 效果如下图 2.表格中单个无数据 当我解决完第一个问题之后,新的问题又来了,果然当代程序员就是一天到晚写bug 当单个字段没有数据时,就会展示空或者为0 要求是前端展示‘’暂无班组‘’文字 修改过后,代码如下 <el-table-column align="center" prop="teamName" label="班组" show-o...
某vue2.6前端,采用el-table显示从数据库中取出的表格内容。 发现其中带有换行符的字符串,在el-tabel中的栏位中显示时,并不换行,而是转为了空格。 于是在网上查找相关解决方案,种种方案均指出,要设置 el-table的 cell的属性,以保留其换行特性。 .el-table .cell { white-space: pre-line; } 但是,本人在按上...
.table-fixed{/deep/.el-table__body-wrapper{height:calc(100%-44px)!important;}} 这样也可以解决以上的问题,但同时也会存在其他问题,比如当你的某一个表头文字过多需要两行显示时,那么headerHieght 的高度就不再是44px,,这样就会造成底下最后一条或者多条数据被遮盖,无法显示。 综上:当你的table表格数个...
新建一个空表格 <template> <div> <el-table :data="tableData" stripe style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="address" labe...
简介 在使用el-table制作表格数据时，如何设置el-table没有数据时不显示提示文字，显示一张图片。如图 方法/步骤 1 打开一个vue文件，插入一个el-table组件，设置组件的数据为一个空数组。如图 2 在el-table组件里插入template标签，在标签上添加slot="empty"，然后插入一张名字为logo的图片。如图 3 保存vue文件...
一、清除el-table 排序高亮状态 需求背景:排序后,切换日期或其他条件重新渲染表格数据,这时候需要去除排序箭头高亮样式。 <el-table ref="table"highlight-current-row style="width: 100%;"><el-table-column sortable ref="applyTimeRef"prop="applyTime"label="申请时间"></el-table-column></el-table>cre...
它可以根据指定的条件判断是否显示空内容,从而为用户提供更好的交互体验。下面将详细介绍`el-empty`的用法和注意事项。 一、基本用法 `el-empty`组件通常与列表或表格组件(如`el-table`或`el-table-column`)一起使用,用于显示空数据或空位置的占位符。可以通过在组件中设置`v-if`或`v-show`指令来控制是否显示...
// 展开的时候expandedRows有值,收起的时候为空. if (expandedRows.length > 0) { rule .itemSelectByRuleID({ examruleid: row.id }) .then(res => { // 遍历当前页面表 this.tableData.forEach((temp, index) => { // 找到当前点击的行,把动态获取到的数据赋值进去 ...