<el-table
:data="tableData"
border
empty-text="當前數據沒有,請添加數據"
style="width: 100%">
<el-table-column
align="center"
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="address"
label="地址">
</el-table-column>
</el-table>
但是如果想顯示動畫或者圖片呢?下面這樣可以嵌入HTML按鈕或者圖片
<el-table
:data="tableData"
border
empty-text="當前數據沒有,請添加數據"
style="width: 100%">
<el-table-column
align="center"
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
align="center"
prop="address"
label="地址">
</el-table-column>
<div slot="empty">
<p>
<el-button size="small" type="primary"> 添加 </el-button>
<img src=""/>
</p>
</div>
</el-table>