如何在AG-Grid中对标题名称为空的列进行排序 [英] How to sort column in AG-Grid with empty Header Name

问题描述

如何在AG-Grid中对标题为空的列进行排序？

正在传递的colDef：

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

柱塞：https://plnkr.co/edit/ujdHr9UlcOuP3mHw7uam?p=preview 第一列的标题名称(运动员)标记为空字符串。单击其标题时，它不会对该列进行排序。

我在这里检查了，但没有说明标题名称是否需要为空才能启用排序。：https://www.ag-grid.com/javascript-grid-column-properties/

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

在查看@UniCoder的答案后，更新了PLANKER： https://plnkr.co/edit/wQadPgAgBWeFbLc4MuKu?p=preview(特别是隐藏标题文本)

推荐答案

解决方案1： 将HeaderName保留为""并指定字段："name"

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

解决方案2： 如下所示使用HeaderClass并将该类不透明度设置为0。

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

//在css文件中

.hide-header{
  opacity: 0;
}

codepens link for working example

这篇关于如何在AG-Grid中对标题名称为空的列进行排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！