Antd UI庫。覆蓋<Table />對空數據的行爲

Question

如果<Table />收到空數據Array，我想呈現其他一些內容。
目前它只是顯示'No data'，但我想在那裏放一些自定義組件。

怎麼可以這樣做？

Answer 1

有一個表的屬性，locale。這是一個object，用於define以下的事情：

filterConfirm，filterReset，emptyText。

如果data是empty，則使用emptyText指定要顯示的text。就像這樣：

let locale = { 
    emptyText: 'Abc', 
}; 

<Table locale={locale} dataSource={dataSource} columns={columns} /> 

檢查文件：https://ant.design/components/table/