Ant Design Vue 的 table 隱藏特定列

不負三清不負卿發表於2020-12-19

Ant Design Vue 的 table 隱藏特定列

Ant Design Vue 的 table 隱藏列主要是通過 列的 colSpan屬性和 customRender 實現的,這兩個屬性官網的解釋如下:

在這裡插入圖片描述

在這裡插入圖片描述

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: 150,
            ellipsis: true
        }]

相關文章