在 extJS 4.2.2 中删除网格列标题中的标准突出显示

【问题标题】：Remove standard highlighting in grid column header in extJS 4.2.2在 extJS 4.2.2 中删除网格列标题中的标准突出显示
【发布时间】：2015-06-26 06:09:47
【问题描述】：

我想删除当您将鼠标悬停在 ExtJS 4.2.2 中的 grid.Panel 列标题上的列标题上时出现的蓝色突出显示。

我已经使用 tdCls、baseCls 和手动添加我自己的类成功地更改了 CSS 的所有其他方面。我尝试通过使用“.x-header-over”或“.x-column-header-inner-over”名称制作 CSS 类来解决问题。但是，这些都无济于事。

本质上，我不希望标题是可点击的或有任何可供性。我已关闭鼠标悬停（即设置为假）以删除网格本身的这种可供性，但它不适用于标题。

【问题讨论】：

【解决方案1】：

一种选择是在列配置本身中设置sortable:false 和menuDisabled:true：

{text: "Name", width:120, dataIndex: 'Name', sortable:false, menuDisabled:true}

这将禁用操作本身。就 CSS 突出显示而言，如果您想对应用程序中的所有网格执行此操作，您可以设置：

.x-column-header-over {
 background:none   
}

这将禁用当您将鼠标悬停在元素上时 Ext 附加的悬停背景。

希望这会有所帮助！

【讨论】：