nodatasourceset的闡述

一、nodatasourceset的概述

nodatasourceset是Antd的一個table組件的屬性，該屬性用於在數據為空時顯示一個佔位符，並且該佔位符可以自定義樣式和內容。nodatasourceset所指代的數據源為空包括數據全為空，表格數為0，或數據存在但過濾結果為空。當數據源為空時，通常需要提醒用戶數據為空，此時nodatasourceset很好地解決了這個問題。

二、nodatasourceset的使用方法

使用nodatasourceset需要額外添加一個jsx代碼段，並傳遞一個ReactNode類型的參數。代碼如下：

import React from 'react';

import { Table } from 'antd';
const columns = [
 {
 title: 'Name',
 dataIndex: 'name',
 },
 {
 title: 'Age',
 dataIndex: 'age',
 },
 {
 title: 'Address',
 dataIndex: 'address',
 },
];
const data = [
 {
 key: '1',
 name: 'John Brown',
 age: 32,
 address: 'New York No. 1 Lake Park',
 },
 {
 key: '2',
 name: 'Joe Black',
 age: 42,
 address: 'London No. 1 Lake Park',
 },
 {
 key: '3',
 name: 'Jim Green',
 age: 32,
 address: 'Sidney No. 1 Lake Park',
 },
];
const NoData = ({ name }: any) => (
{name}
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/194848.html