angular - gridOptions.columnDefs.comparator が呼び出されない

Question

Ag グリッドを使用しており、カスタムの並べ替えが必要です。コンパレータを使用してカスタムソートを追加しようとしていますが、列ヘッダーをクリックしても呼び出されません。

gridOptions.columnDefs = [
          {
            headerName: this.localeService.getLocaleText("Status"),
            field: "status",
            width: 100,
            param: this,
            cellRenderer: this.deviceStatusRenderer,
            unSortIcon: true,
            suppressSizeToFit: true
          },
          {
            headerName: this.localeService.getLocaleText("IP/Subnet"),
            field: "ip/Subnet",
            filter: "text",
            width: 250,
            unSortIcon: true,
            comparator : this.ipComparator
          },
          {
            headerName: this.localeService.getLocaleText("systemName"),
            field: "systemName",
            width: 159,
            unSortIcon: true,
          }]

そして方法は

ipComparator(){
    console.log('=================');
    return -1;
  }

どうすれば呼び出せますか