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

Question

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

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

基本上，我不希望标题可点击或具有任何可供性。我已经关闭了mouseover（即假设）以删除网格本身的这个示例，但它不适用于标题。

Answer 1

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

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

这将禁用操作本身。就CSS亮点而言，如果要在应用程序中为所有网格执行此操作，可以设置：

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

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

希望这有帮助！