AG-Grid：如何隐藏列 header 名称但在过滤器中包含名称

Question

我有一个用例，我需要列 header 名称应该为空。但是，如果用户单击过滤器，则名称应显示为过滤依据的选项。例如请看截图。

然后：

我尝试了但它不起作用。

Answer 1

您可以自定义列的 header 渲染器 (docs)，这样它就不会包含 header 名称。

在列定义中，将 header 模板设置为：

headerComponentParams: {
  template:
      '<div class="ag-cell-label-container" role="presentation">' +
      '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>' +
      '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' +
/* Leave this out ->
      '    <span ref="eText" class="ag-header-cell-text" role="columnheader"></span>' +
*/
      '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order"></span>' +
      '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon"></span>' +
      '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon"></span>' +
      '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon"></span>' +
      '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
      '  </div>' +
      '</div>'
  }

AG-Grid：如何隐藏列 header 名称但在过滤器中包含名称

AG-Grid: How to hide column header name but include name in filter

ag-grid

angular

ag-grid-angular