要在ag-Grid中显示列过滤和排序按钮而无需悬停，您可以使用ag-Grid的自定义组件和CSS样式来实现。

首先，您需要创建一个自定义的列头组件来显示过滤和排序按钮。这个组件将包含一个过滤图标和一个排序图标。

import { Component } from '@angular/core';

@Component({
  selector: 'app-header-component',
  template: `
    

      

        
      
      

        
      
    
  `,
  styleUrls: ['./header.component.css']
})
export class HeaderComponent {
  onFilterClick() {
    // 过滤按钮点击事件处理逻辑
  }

  onSortClick() {
    // 排序按钮点击事件处理逻辑
  }
}

接下来，您需要在CSS样式文件中定义适当的样式来控制组件的显示和位置。

.header-component {
  display: flex;
  align-items: center;
}

.filter-icon,
.sort-icon {
  margin-right: 5px;
  cursor: pointer;
}

.filter-icon:hover,
.sort-icon:hover {
  color: blue;
}

最后，在列定义中使用自定义的列头组件。

columnDefs = [
  { 
    headerName: 'Column 1', 
    field: 'column1', 
    headerComponent: 'app-header-component' 
  },
  // 其他列定义...
];

在这个例子中，我们使用了Angular的自定义组件，但您也可以使用其他框架或纯JavaScript来实现类似的功能。

这样，您就可以在ag-Grid中显示列过滤和排序按钮而无需悬停。用户只需单击相应的按钮即可进行过滤和排序操作。