如何删除网格面板的标题？ -ExtJs

Question

I have one simple grid panel in ExtJs 5

Ext.create('Ext.grid.Panel', {
        height: 700,
        frame: true,
        title: '', 
        ....
});

I want to delete the title of grid (or it is title of panel), but I don't know how. i set title:'', title:false, deleted it, but the empty div is still there (before column names) How to remove title of grid panel?

PS:

 hideHeaders: true //it remove all columns names (header of table)

Answer 1

From the docs :

title : String

The title text to be used to display in the Panel Header. Or a config object for a Panel Title. When a title is specified the Ext.panel.Header will automatically be created and displayed unless header is set to false .

So the solution will be to set header to false in the configuration:

Ext.create('Ext.grid.Panel', {
    height: 700,
    frame: true,
    header: false,
    // ...
});

Answer 2

对于最新版本，请使用config属性preventHeader：true / false true-不会显示标题标头false-将呈现标题标头