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

Remove standard highlighting in grid column header in extJS 4.2.2

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

我已经使用 tdCls、baseCls 成功地改变了 CSS 的所有其他方面,并手动添加了我自己的 类。我尝试通过使用“.x-header-over”或“.x-column-header-inner-over”名称制作 CSS 类 来解决问题。然而,这些什么都不做。

本质上,我不希望 header 是可点击的或具有任何可供点击的功能。我已关闭鼠标悬停(即设置为 false)以删除网格本身的这种可供性,但它不适用于 header.

一个选项是在列配置本身中设置 sortable:falsemenuDisabled:true

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

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

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

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

希望对您有所帮助!