Question

I have an Ext Js listview that I am attempting to get rid, or make my Id column smaller. Right now it’s the following code

    this.relList = new Ext.list.ListView({
        singleSelect: true,
        store: this.buildStore(),
        columns: [{
            header: 'Id',
            dataIndex: 'Id',
            hidden: true
        }, {
            header: 'Name',
            dataIndex: 'Name',
        }]
    });

When this ListView is displayed, it still shows the Id column even though I told it to hide it. Furthermore, if I change the hidden:true to width: 1 to make the Id column small, the Name column no longer shows and the Id column takes up the whole listview.

How can I hide this column?

Answer 1

Why use the Id column at all? you can access the data via record.data or through the store itself and do not need to add it as a column