Ant Design Table 隐藏列后宽度仍生效的解决方法
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。这样该列就会被隐藏,并且不会占用任何空间。
希望能帮到你!
原文地址: https://www.cveoy.top/t/topic/pWDR 著作权归作者所有。请勿转载和采集!