How to remove title of grid panel? - 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

For the latest versions use config property preventHeader: true/false true - Title header will not be shown false - Title header will be rendered