Antd表格：如何移除表格列标题之间的分割线
创始人
2024-11-07 10:30:38
0次

在Antd的Table组件中，要移除表格列标题之间的分割线，可以通过自定义表头的方式来实现。以下是一个示例代码：

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

const columns = [
  { title: 'Name', dataIndex: 'name', key: 'name' },
  { title: 'Age', dataIndex: 'age', key: 'age' },
  { title: 'Address', dataIndex: 'address', key: 'address' },
];

const data = [
  { key: '1', name: 'John Doe', age: 25, address: 'New York' },
  { key: '2', name: 'Jane Smith', age: 30, address: 'London' },
  { key: '3', name: 'Tom Johnson', age: 35, address: 'Sydney' },
];

const CustomTableHeader = () => {
  return (
    
      
        {columns.map((column) => (
          
            {column.title}
          
        ))}
      
    
  );
};

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

export default App;

在这个示例中，我们首先定义了一个自定义的表头组件CustomTableHeader，该组件会生成一个自定义的表头，其中的className属性设置为ant-table-cell，这样可以使表头的样式与普通单元格一致。
然后，在Table组件中，通过components属性，将自定义表头组件传递给header.wrapper属性，从而使用自定义的表头。
这样就可以移除表格列标题之间的分割线了。

                
                            

                

                    上一篇：Antd表格：如何使用列表中的对象渲染表格。

                

                

                    下一篇：antd标签页的浮层的渲染父节点是固定的吗？有没有办法改变呢？                

            

                
                
相关内容

                
            

                
            

        
        

            
            

                
                

                    
                    

                        
                        热门资讯
                        
                    

                    
                

                
            

            
            
            


                                
                

                    
                    

                        

                    

                    
                    
                    

                        分享透视!xpoker怎么作必...
                        分享透视!xpoker怎么作必弊!原来一直总是有辅助脚本(真的有挂)-哔哩哔哩1、进入游戏-大厅左侧...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        解密透视!pokermaste...
                        解密透视!pokermaster修改器!其实真的有辅助技巧(证实有挂)-哔哩哔哩1、下载好poker...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        了解透视!拱趴大菠萝万能挂图解...
                        了解透视!拱趴大菠萝万能挂图解!一贯真的是有辅助神器(发现有挂)-哔哩哔哩1、下载好拱趴大菠萝万能挂...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        科普透视!约局吧开挂!果然有辅...
                        您好，约局吧开挂这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩家在这...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        揭幕透视!pokermaste...
                        揭幕透视!pokermaster脚本!竟然是有辅助app(有挂方略)-哔哩哔哩1、pokermast...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        关于透视!newpoker怎么...
                        关于透视!newpoker怎么安装脚本!总是一直都是有辅助插件(有挂实锤)-哔哩哔哩1、超多福利：超...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        详细透视!约局吧app有挂吗!...
                        详细透视!约局吧app有挂吗!真是是真的有辅助神器(有挂规律)-哔哩哔哩1、任何约局吧app有挂吗透...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        揭露透视!pokemmo手机脚...
                        揭露透视!pokemmo手机脚本!都是存在有辅助app(有挂分析)-哔哩哔哩小薇（辅助器软件下载）致...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        了解透视!哈糖大菠萝挂法!总是...
                        了解透视!哈糖大菠萝挂法!总是一直都是有辅助软件(有挂功能)-哔哩哔哩一、哈糖大菠萝挂法游戏安装教程...
                    

                    
                

                                
                

                    
                    

                        

                    

                    
                    
                    

                        专业透视!竞技联盟透视插件!一...
                        专业透视!竞技联盟透视插件!一贯存在有辅助软件(有挂存在)-哔哩哔哩；1、下载好竞技联盟透视插件脚本...