ant design vue 表格隐藏指定列后设置其他表头宽度无效

Question

隐藏表头

参考来源：https://blog.csdn.net/weixin_...

const columns = [
    {
        title: 'id',
        dataIndex: 'id',
        align: 'center',
        colSpan:0,     //隐藏表头
        customRender: (value, row, index) => {
            let obj = {
                children: value,
                attrs: {},
            };

            obj.attrs.colSpan = 0;
            return obj;
        },
    },
    {
        title: '名称',
        dataIndex: 'name',
        align: 'center',
        width: 300,
    },
    {
        title: '年龄',
        dataIndex: 'age',
        align: 'center',
        width: 100,
    }]
    

但是这样配置后，对【名称】表头设置宽度无效。即【名称】字段宽度值是影响【年龄】这个字段的。请问有没有大神怎么解决的。

Answer 1

哎，这个框架叫人捉急。最后发现把隐藏列ID，在数据库里字段放到最后一个，然后宽度设置一个0。解决了