码迷,mamicode.com
首页 > 其他好文 > 详细

element-table 无数据的时候,把“暂无数据” 改成其他文字或图片

时间:2020-12-05 10:58:26      阅读:10      评论:0      收藏:0      [点我收藏+]

标签:create   creat   har   rgba   idt   color   round   atd   content   

1、如下图:

技术图片

 

改成:

 

技术图片

 

  在el-table 里面插入

<template slot="empty">
  <span style="color: #969799;">No more data</span>
</template>
即可
<el-table
                :data="tableData"
                style="width: 100%"
                :header-cell-style="{background:‘#F0F2F5‘,color:‘#585858‘,textAlign: ‘center‘}"
                >
                <template slot="empty">
                    <span style="color: #969799;">No more data</span>
                </template>
                <el-table-column
                    prop="content"
                    label="OrderId"
                    min-width="100"
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    prop="amount"
                    label="amount"
                    min-width="80"
                    show-overflow-tooltip>
                </el-table-column>
                <el-table-column
                    prop="type"
                    label="type"
                    min-width="110"
                    show-overflow-tooltip>
                    <template slot-scope="scope">
                        <span v-if="scope.row.type == 1">Recharge</span>
                        <span v-if="scope.row.type == 2">Withdrawal</span>
                        <span v-if="scope.row.type == 3">consumption</span>
                        <span v-if="scope.row.type == 4">bonus</span>
                    </template>
                </el-table-column>
                <el-table-column
                    prop="create_date"
                    min-width="160"
                    show-overflow-tooltip
                    label="Creation time">
                    <template slot-scope="scope">
                        {{scope.row.create_date | formatDate}}
                    </template>
                </el-table-column>
            </el-table>

  

element-table 无数据的时候,把“暂无数据” 改成其他文字或图片

标签:create   creat   har   rgba   idt   color   round   atd   content   

原文地址:https://www.cnblogs.com/moguzi12345/p/14067545.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!