Ant Design Table 组件中,根据属性隐藏列后,该列的宽度仍然会生效。将 'width' 属性设置为 0 是无效的。

如果你想要隐藏某一列,并且不占用任何空间,你可以使用 'fixed' 属性将该列设置为固定列,然后将其宽度设置为 0。这样该列就会被隐藏,并且不会占用任何空间。

示例代码如下:

<Table dataSource={dataSource} columns={columns} />

const columns = [
  {
    title: 'Column 1',
    dataIndex: 'column1',
    key: 'column1',
    fixed: 'left', // 将该列设置为固定列
    width: 0, // 设置宽度为0
  },
  // 其他列...
];

以上代码中,'fixed' 属性将第一列设置为固定列,'width' 属性将其宽度设置为 0。这样该列就会被隐藏,并且不会占用任何空间。

希望能帮到你!

Ant Design Table 隐藏列后宽度仍生效的解决方法

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

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