Antd中的固定宽度列怎么实现？
创始人
2024-11-07 19:00:43
0次

在Antd中，可以通过使用fixed属性来实现固定宽度的列。以下是一个示例代码：

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

const dataSource = [
  {
    key: '1',
    name: 'John',
    age: 26,
    address: 'New York',
  },
  {
    key: '2',
    name: 'Mike',
    age: 32,
    address: 'London',
  },
  // ...
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
    width: 200, // 设置固定宽度为200px
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
  // ...
];

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

export default App;

在上述代码中，columns数组中的Name列被设置为固定宽度为200px。这样，无论单元格内容的长度如何，该列的宽度都将保持不变。

                
                            

                

                    上一篇：antd中的DatePicker抛出错误：“无法找到dayjsGenerateConfig的导入：从'rc-picker/lib/generate/dayjs'。”



                

                

                    下一篇：Antd中的Markdown                

            

                
                
相关内容

                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        总结透视!哈糖大菠萝有挂吗5个...
                        总结透视!哈糖大菠萝有挂吗5个常用方法!真是有辅助教程(真实有挂)-哔哩哔哩1、很好的工具软件，可以...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        推荐透视！德州私人局脚本，微乐...
                        推荐透视！德州私人局脚本，微乐家乡小程序自建房辅助app，积累教程（真的有挂）-哔哩哔哩1、完成德州...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        科普透视!哈糖大菠萝软件下载!...
                        科普透视!哈糖大菠萝软件下载!真是有辅助插件(今日头条)-哔哩哔哩1）哈糖大菠萝软件下载免费钻石：进...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        辅助透视！哈糖大菠萝可以开挂吗...
                        辅助透视！哈糖大菠萝可以开挂吗，微信微乐辅助器下载，练习教程（有挂存在）-哔哩哔哩1、哈糖大菠萝可以...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        揭幕透视!红龙poker辅助器...
                        揭幕透视!红龙poker辅助器免费观看!其实一直总是有辅助脚本(有挂攻略)-哔哩哔哩1、金币登录送、...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        了解透视！德州私人局脚本，微信...
                        了解透视！德州私人局脚本，微信小程序辅助多少钱，机巧教程（真是有挂）-哔哩哔哩1、首先打开德州私人局...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        专业透视!红龙poker辅助器...
                        专业透视!红龙poker辅助器免费观看!其实是有辅助工具(有挂总结)-哔哩哔哩运红龙poker辅助器...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        科普透视！hhpoker辅助挂...
                        科普透视！hhpoker辅助挂是真的吗，微乐卡五星祈福有用吗，举措教程（有挂技巧）-哔哩哔哩1、超多...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        分享透视!pokemmo脚本辅...
                        分享透视!pokemmo脚本辅助下载!好像有辅助app(有挂细节)-哔哩哔哩1、游戏颠覆性的策略玩法...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        详细透视！竞技联盟辅助插件，微...
                        详细透视！竞技联盟辅助插件，微乐贵阳足鸡麻将开挂，资料教程（的确有挂）-哔哩哔哩1、竞技联盟辅助插件...