如何为 Angular 的 Syncfusion 网格中的命令按钮添加工具提示

Question

我正在为我的项目使用 Syncfusion Grid 组件，我有一个命令行，其中有几个按钮，它们的内容只有图标。但我希望他们在用户将鼠标悬停在按钮上时将按钮的标题显示为工具提示。有什么方法可以为这些按钮添加工具提示吗？

commands : CommandModel[];
constructor(){}
ngOnInit(){
 this.commands = [
  {buttonOption:{cssClass:'e-flat' , iconCss:'e-icons e-access' , 
   click:this.onClick.bind(this)}},
   //other buttons
 ]
}

Answer 1

您可以使用 “标题” 属性 显示自定义命令按钮的工具提示。

public commands: CommandModel[];

public ngOnInit(): void {
    this.commands = [{ title: 'Access', buttonOption: { iconCss: ' e-icons e-access, cssClass: 'e-flat',click:this.onClick.bind(this)}  },];    }

sample

请参考 Syncfusion 帮助 link