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

Question

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

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

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

Answer 1

一个选项是像这样在列配置本身中设置 sortable:false 和 menuDisabled:true:

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

这将禁用操作本身。就 CSS 高亮而言，如果您想为应用程序中的所有 网格执行此操作，您可以设置:

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

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

希望这对您有所帮助!