Ant Design入门-第四篇：数据展示组件

Ant Design入门-第四篇：数据展示组件

在前端开发中，数据的清晰展示是提升用户体验的关键。Ant Design提供了一系列强大的数据展示组件，帮助开发者高效地呈现各类数据。本篇将深入介绍Table表格组件、List列表组件和Card卡片组件的使用方法与应用场景，助力开发者打造专业的数据展示界面。

一、Table表格组件

（一）基础表格数据展示

Ant Design的Table组件能够轻松将结构化数据以表格形式呈现。只需定义好columns（列配置）和dataSource（数据源），即可快速生成表格。例如，展示一个简单的用户信息表格：

import React from'react';
import { Table } from 'antd';

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    key: 'age'