extjs - 如何更改网格标题的字体大小 - ExtJS？

Question

我是 Ext 的新手，但经过对 Stack Overflow 的多次研究和提问，我成功地在网格行、标题行中添加图片，更改标题标题的字体大小、字体颜色等。但我仍然不知道不知道如何更改面板主标题的字体大小等。 我通过直接添加CSS成功地将图片放入标题面板，但不多。

Ext.define('AM.view.user.List' ,{
extend: 'Ext.grid.GridPanel',


alias: 'widget.userlist',


cls: 'overall', 


title: 'XXX // DEMO <img class="title-icon" style="vertical-align:middle; margin-bottom:10px; " src="xxx/xxx/xxx.png"/> '

这可能是一个简单的问题!多谢 :-) 谨致问候。

Answer 1

通常是 .x-panel-header-text-default CSS 类控制面板标题字体样式。 如果您导航到 Firebug 检查器中的面板标题，您可能会看到:

.x-panel-header-text-default {
    color: #333333;
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
}

因此，您可以在 CSS 中覆盖该规则，或者您可以说利用 headerCls配置选项来指定您的 CSS 类。