javascript - ag-grid 内の角材メニューから行データを取得する方法

Question

ag-grid で、その行データを追加/編集/削除するためにメニューを開く必要があるという要件があります。セル テンプレートの URL として角材メニュー コンポーネントを使用しています。ただし、そのメニュー項目をクリックすると、ag-grid で onCellClicked イベントがトリガーされず、クリックされた行データへの参照が取得されませんが、メニュー項目から離れたピクセルをクリックすると、イベントが発生します。メニュークリックで行データを取得する方法を理解するのに助けが必要です。

私のag-gridコードはここにあります：

var columnDefs = [
    {headerName: "", field: "icon", width:65},
    {headerName: "Categories",field:"category_name", width:1025, cellRenderer:function(params){
    // my cell renderer code goes here
      },
   onCellClicked:function(params){
      console.log("Cell is still getting click "+params.data);
  //This click does not work
    },

    {headerName: "", field: "options", width:87, suppressMenu: true, templateUrl:"partials/options.html"
  }
];

options.html

<md-menu>
  <!-- <md-button aria-label="Open phone interactions menu" class="md-icon-button" ng-click="openMenu($mdOpenMenu, $event)">
    <md-icon md-svg-src="images/icons/options.svg" aria-label="android "></md-icon>
  </md-button> -->
  <a href="javascript:void(0)" class="option-btn" ng-click="openMenu($mdOpenMenu, $event)">options</a>
  <md-menu-content width="4">
    <md-menu-item>
      <md-button ng-click="modifyOptions($event)">
        <md-icon md-svg-src="images/icons/add.svg" aria-label="android "></md-icon>
        Add
      </md-button>
    </md-menu-item>
    <md-menu-item>
      <md-button ng-click="toggleNotifications()">
        <md-icon md-svg-src="images/icons/edit.svg" aria-label="android "></md-icon>
        Edit
      </md-button>
    </md-menu-item>
    <md-menu-divider></md-menu-divider>
    <md-menu-item>
      <md-button disabled="disabled" ng-click="checkVoicemail()">
        <md-icon md-svg-src="images/icons/delete.svg" aria-label="android "></md-icon>
        Delete
      </md-button>
    </md-menu-item>
  </md-menu-content>