CODEWITHSUNDEEP
extjs
Vytautas
Vytautas

Reputation: 3539

How to hide extjs grid columns names?

I have grid something like this:

Ext.define('Exp.view.dashboard.Tv', {
    extend: 'Ext.grid.Panel',

    initComponent: function() {
        this.columns = [
            {header: 'Name',  dataIndex: 'name',  flex: 1},
            {
                header: 'Actions',
                xtype: 'actioncolumn',
                items: [
                    {
                        icon   : '/images/icons/star_off.png'
                    }
                ]
            }
        ];

        this.callParent(arguments);
    }
});

I want hide Name and Actions. Maybe there is some undocumented config option to do that?

Upvotes: 2

Views: 8132

Answers (1)

Nameless
Nameless

Reputation: 2366

In extjs 4, there is "hideHeaders" option. Set it to true.

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.panel.Table-cfg-hideHeaders

Grid panel extends table panel, so it has this option.

Upvotes: 3

Related Questions