javascript - 如何删除 Ext JS 网格面板中的页眉边框？

Question

我有一个网格面板，我想完全隐藏标题。我正在使用 hideHeaders: true配置选项，但它仍然在标题所在的位置留下微弱的 1px 蓝色边框。我怎么能没有那个 1px 的蓝色标题？

这是一个 JSFiddle显示问题。

对比

我知道这似乎是一个细微的差别，但在我的应用程序中，边框看起来真的很糟糕。我认为这会完全删除标题，但它没有:

Ext.create('Ext.grid.Panel', {
    store: store,
    hideHeaders: true
});

Answer 1

我正在使用这个 sass block 来设计我的列标题:

.x-grid-header-ct{
    border-bottom: 1px solid #ecedee;
    padding-left: 15px;
    .x-column-header {
        border: none;
        background: none;
        .x-column-header-inner{
            padding: 10px 15px 15px 7px;
            &:before{
                border: none;
            }
            .x-column-header-text{
                color: #222;
                white-space: normal;
                font-size: 18px;
            }
        }
        .x-column-header-over{
            background: none;
            .x-column-header-trigger{
                display: none;
                background-color: white;
            }
        }
        .x-column-header-inner-empty{
            background: none;
        }
    }
}