如何在ExtJs中的渲染网格中添加标题下的面板

假设我有一个网格：

如何在原始标题下添加另一个标题、面板或其他我们称之为的内容：

---

因此，它将独立于其上下的列，并将占据100%的宽度？

可以通过在网格中修改

afterrender

listener中的标记：

afterrender: function() {
    var view = this.getView();
    var el = view.getHeaderCt().getEl();

    var div = document.createElement('div');
    div.innerHTML = 'Header';
    el.dom.appendChild(div);
}

以下是工作示例：

---

您只需对其进行样式设置。

将面板添加为具有高权重配置的停靠：'top'dockditem（权重项目向面板中心移动）

---

因此，此面板将停靠在标题下方。

因此，作为一个容器，我应该只使用Ext.Panel？