制表符从自定义列 titleFormatter 获取列

Question

我有一个自定义函数，可以在我的制表器中隐藏/显示列。我单击的列应该隐藏，并显示其他几个列。我通过 onclick 在自定义单元格格式化程序中的对象上正常工作，但我想通过单击列标题来调用它。它可以工作，只是我似乎无法从列标题中获得我单击的列的句柄以隐藏该列。

我正在尝试获取列对象并将其传递给我的函数，以便在显示其他列时隐藏该列。我愿意接受其他方式来做到这一点。

这有效（单元格格式化程序）

var showForecastCell = function(cell, formatterParams, onRendered){
   ...
   span.onclick = function(){showForecast(cell.getColumn())};
   return span
}

这不起作用（列 titleFormatter）

var showForecastHeader = function(t,e,o,i,n){
   ...
   span.onclick = function(){showForecast(t.getColumn())};
   return span
}

有没有办法通过点击列标题来传递列对象？否则，如果在单击标题后有更简单的方法来隐藏该列，我愿意接受建议。我必须承认 javascript 不是我最擅长的语言，如果我忽略了一些基本的东西，请告诉我。

Answer 1

您可以检查此JsFiddle 它隐藏了除您单击的列之外的所有其他列

对于 Column 回调，您可以查看文档 here 和 here

  const hideAllButThis = function(e, column) {
  const showField = column._column.field;
  const columns = column._column.table.columnManager.columns;
  for (let i = 0; i < columns.length; i++) {
    if (columns[i].field !== showField) {
      table.hideColumn("" + columns[i].field + "")
    }
  }
};