如果在设置antd的Table组件中,使用了fixed: 'right'和position: 'absolute'属性,并且在横向拖动时出现了垂直的白色间隙,可以尝试以下解决方法:

  1. 检查样式覆盖:确保没有其他样式对Table组件进行了覆盖,可以通过浏览器的开发者工具(如Chrome的开发者工具)查看是否存在其他样式。

  2. 设置列宽:确保设置了每一列的宽度,可以通过设置columns属性中的width属性来指定每一列的宽度。例如:

    const columns = [
      {
        title: 'Column 1',
        dataIndex: 'column1',
        width: 200,
      },
      {
        title: 'Column 2',
        dataIndex: 'column2',
        width: 200,
      },
      // 其他列...
    ];
    
  3. 设置表格宽度:如果设置了列宽但仍然出现垂直间隙,可以尝试给Table组件设置一个固定的宽度,例如:

    <Table columns={columns} dataSource={data} style={{ width: '800px' }} />
    
  4. 检查数据源:确保数据源的每一行都有与columns属性中定义的列相对应的数据,否则可能会导致列错位。

如果以上方法仍然无法解决问题,可以提供更多的代码和具体的复现场景,以便更好地帮助解决问题

antd设置fixed right position: absolute在设置列宽横向拖动有垂直的白色间隙怎么解决

原文地址: http://www.cveoy.top/t/topic/h9YO 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录