如何使用空 Header 名称对 AG-Grid 中的列进行排序

Question

如何对 AG-Grid 中的空列 Header 进行排序？

正在传递的 colDef：

var columnDefs = [{
    headerName: " ",
    sortable: true,
    suppressToolPanel: true,
    field: "  "
}];

笨蛋：https://plnkr.co/edit/ujdHr9UlcOuP3mHw7uam?p=preview 第一列的 header name(Athlete) 被标记为空字符串。单击它的 header，它不会对该列进行排序。

我在这里检查过，但没有说 header 名称不需要为空才能启用排序。 : https://www.ag-grid.com/javascript-grid-column-properties/

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

检查@UniCoder 的回答后更新了 Plunker： https://plnkr.co/edit/wQadPgAgBWeFbLc4MuKu?p=preview（具体隐藏header文字）

Answer 1

解决方案一： 将 headerName 保留为“”并提供字段："name"

var columnDefs = [{
          headerName: "",
          field: "name",
          width: 150,
          pinned: true
}]

方案二： 使用 headerClass 如下所示，并将 class 不透明度设置为 0。

var columnDefs = [{
     headerName: "header-name",
     sortable: true,
     suppressToolPanel: true,
     headerClass: 'hide-header',
     field: "  "
}];

//在css文件中

.hide-header{
  opacity: 0;
}

codepens link for working example

如何使用空 Header 名称对 AG-Grid 中的列进行排序

How to sort column in AG-Grid with empty Header Name

ag-grid

angular

ag-grid-angular