Angular 如何在标题名称为空的AG网格中对列进行排序

Angular 如何在标题名称为空的AG网格中对列进行排序,angular,ag-grid,ag-grid-angular,Angular,Ag Grid,Ag Grid Angular,如何在标题为空的AG网格中对列进行排序 正在传递的colDef: var columnDefs = [{ headerName: " ", sortable: true, suppressToolPanel: true, field: " " }]; 普朗克: 第一列的标题名(运动员)标记为空字符串。单击其标题时,它不会对该列进行排序 我在这里勾选了,但没有,在这里,如果要启用排序,标题名不需要为空: =============================

如何在标题为空的AG网格中对列进行排序

正在传递的colDef:

var columnDefs = [{
    headerName: " ",
    sortable: true,
    suppressToolPanel: true,
    field: "  "
}];
普朗克: 第一列的标题名(运动员)标记为空字符串。单击其标题时,它不会对该列进行排序

我在这里勾选了,但没有,在这里,如果要启用排序,标题名不需要为空:

============================================================================

检查@UniCoder的答案后更新了Plunker:
(特别是隐藏的标题文本)

解决方案1: 将headerName保留为“”,并给出字段:“name”

解决方案2: 如下图所示使用headerClass,并将该类不透明度设置为0

var columnDefs = [{
     headerName: "header-name",
     sortable: true,
     suppressToolPanel: true,
     headerClass: 'hide-header',
     field: "  "
}];
//在css文件中

.hide-header{
  opacity: 0;
}

谢谢你的提示。解决方案1对我不起作用。尽管解决方案2奏效了。我会把你的建议粘贴到更新后的plunker上,这样无论是谁寻找答案都能很快找到。这个主意不错,但它不适用于非琐碎的情况。在实施
HeaderComponentRAM
时,您能否提出解决方案?在我的例子中,我在标题中呈现一个图标。这样做会禁用排序功能
.hide-header{
  opacity: 0;
}