如何使用空标题对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的答案后更新了Plunker: https://plnkr.co/edit/wQadPgAgBWeFbLc4MuKu?p=preview(特别是隐藏的标题文本)
答案 0 :(得分:1)
解决方案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;
}