Как изменить стиль пустой таблицы: пользовательский интерфейс элемента?

Question

Теперь, если таблица пуста, то идет "Text = 暂 无 数据". Я хочу это изменить. Хотите дать изображение и две кнопки.

Как это возможно?

<el-table
  :data="tableData">
  <el-table-column
      label="Name"
  >
  </el-table-column>
</el-table>

Vue. js:

data() {
    return {
      isActive: true,
      tableData: [],
    }
  }

Answer 1

Простой способ display: none; в этот блок.

.el-table__empty-block {
    display: none!important;
}

Тогда вы сможете append() то, что хотите, с помощью slot

<el-table>
<div slot="append" v-if="tableData.length=='0'">
  // You can add what you want
</div>
</el-table>