可以通过设置headerHeight属性来实现。它定义了列标题行的高度。默认值为25。在此基础上,要确保pinned列的高度大于等于headerHeight。接下来,您可以使用colDef属性中的pinned属性将列固定在左侧或右侧。如果您想让某个列具有固定的位置并在分组列之前出现,则必须将它固定在左侧或右侧,并使用sortIndex属性在它之后放置分组列。以下是示例代码:
var columnDefs = [
{headerName: "Athlete", field: "athlete", width: 150, pinned: 'left'},
{headerName: "Age", field: "age", width: 90},
{headerName: "Country", field: "country", width: 120, rowGroup: true},
{headerName: "Year", field: "year", width: 90},
{headerName: "Date", field: "date", width: 110},
{headerName: "Sport", field: "sport", width: 110, rowGroup: true},
{headerName: "Gold", field: "gold", width: 100},
{headerName: "Silver", field: "silver", width: 100},
{headerName: "Bronze", field: "bronze", width: 100},
{headerName: "Total", field: "total", width: 100}
];
var gridOptions = {
columnDefs: columnDefs,
rowSelection: 'multiple',
pinnedColumnCount: 1,
headerHeight: 40,
sortingOrder: ['desc', 'asc'],
sortIndex: 1,
enableGroupEdit: true
};
在上面的示例中,Athlete列被固定在左侧并位于分组列之前。此外,sortIndex属性也被设置为1以放置分组列。