在Antd表格中，可以使用render属性自定义单元格的内容，从而将多个数据显示在单个列/单元格中。以下是一个示例代码，演示了如何将多个数据显示在单个列/单元格中：

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

const dataSource = [
  {
    key: '1',
    name: 'John',
    age: 32,
    address: ['New York', 'London', 'Sydney'],
  },
  {
    key: '2',
    name: 'Mike',
    age: 42,
    address: ['Tokyo', 'Paris', 'Berlin'],
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
    render: (text) => (
      

        {text.map((item) => (
          
{item}
        ))}
      
    ),
  },
];

const App = () => {
  return ;
};

export default App;
在上面的示例中，我们定义了一个dataSource数组，其中每个对象都有一个address属性，它是一个包含多个地址的数组。在columns数组中，我们定义了一个名为"Address"的列，并使用render属性来自定义单元格的内容。在render函数中，我们使用map方法将地址数组中的每个地址都渲染为一个li元素，并将它们放入一个ul元素中。
当我们将dataSource和columns传递给Antd的Table组件时，表格中的每个单元格都会根据我们的自定义渲染函数进行渲染，从而将多个数据显示在单个列/单元格中。

                
                            

                

                    上一篇：Antd表格如何固定第一行

                
                

                    下一篇：Antd表格如何将一个输入框与多个dataIndex进行过滤？                
            

                
                
相关内容
                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    
                    
                
                
            
            
            
            


                                
                

                    
                    

                        

                    
                    
                    
                    

                        曝光透视！wepoker有没有...
                        曝光透视！wepoker有没有机器人，微乐自建房免费黑科技推荐，模块教程（真的有挂）-哔哩哔哩1、很...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        总结透视！xpoker辅助工具...
                        总结透视！xpoker辅助工具，微乐家乡小程序自建房辅助app，总结教程（有挂透明挂）-哔哩哔哩1、...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        揭幕透视！wepoker私人局...
                        揭幕透视！wepoker私人局开挂视频，微乐小程序免费黑科技下载，技法教程（有挂规律）-哔哩哔哩we...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        了解透视！wepoker透视脚...
                        了解透视！wepoker透视脚本免费使用视频，微乐自建房免费脚本哪个最好用，方式教程（真的有挂）-哔...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        解密透视！wepoker有没有...
                        解密透视！wepoker有没有挂，微乐小程序黑科技app入口，方针教程（证实有挂）-哔哩哔哩1）we...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        专业透视！wejoker辅助器...
                        专业透视！wejoker辅助器怎么卖，微乐脚本辅助器，秘籍教程（有挂细节）-哔哩哔哩wejoker辅...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        有挂透视！智星菠萝有挂吗，微信...
                        您好，智星菠萝有挂吗这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        揭幕透视！pokemomo辅助...
                        揭幕透视！pokemomo辅助软件，微信小程序微乐房间怎么开挂，要领教程（有挂方略）-哔哩哔哩1、首...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        普及透视！德州圈脚本，微乐四川...
                        普及透视！德州圈脚本，微乐四川亲友圈辅助器，指南书教程（确实有挂）-哔哩哔哩1）德州圈脚本免费钻石：...
                    
                    
                
                                
                

                    
                    

                        

                    
                    
                    
                    

                        解迷透视！pokemmo脚本辅...
                        解迷透视！pokemmo脚本辅助器，在哪里下载微乐自建房辅助软件，窍门教程（有挂技巧）-哔哩哔哩1、...
                    
                    
                
                
            
            
        
        
    

    
    

        
        

            2026 ©
            鲨鱼编程鲨鱼网街坊资讯一品科技        
        
        
        

                        

                程序开发
            
                        

                科技动态