Why is the empty-text property of the element-ui table component useless?

1. Want to show "not yet" in the place where there is no data in the table, and find the empty-text, result in the document. What is the reason why it doesn"t work well?

clipboard.png

clipboard.png

clipboard.png

Mar.28,2021

you misunderstand the role of empty-text . empty-text is what is displayed when the table source data is empty. has this effect.
there are many ways to fulfill your requirements, such as this

<el-table-column>
  <template slot-scope="{row}">
    {{ row.name || '' }}
  </template>
</el-table-column>

thanks for inviting ~
look at the source code and you can see that you have misunderstood it. When data is empty, empty-text is displayed.
ElementUI table source code

<div
    v-if="!data || data.length === 0"
    class="el-table__empty-block"
    ref="emptyBlock"
    :style="{
      width: bodyWidth
    }">
    <span class="el-table__empty-text">
      <slot name="empty">{{ emptyText || t('el.table.emptyText') }}</slot>
    </span>
 </div>

now there is a requirement that when loading data, there will be "no data for the time being", and then there will be a waiting process. Temporary solution:

<template slot="empty">
    <div v-if="loading">
    </div>
    <div v-else>
       
    </div>
</template>
Menu