如何在 ag-grid 列标题中添加图标？

Question

我开发了一个 ag-grid 表格，在表格标题列上，我想在标题名称旁边添加一个图标，如下图所示

如何使用 ag-grid 实现上述功能。

我尝试在列数组中使用 menuIcon 。

const columns = [
    {
        autoHeight: true
        sortingOrder: ["desc", "asc", null],
        minWidth: 200,
        width: 200,
        headerComponentParams : {
            // hear i have tried to use menuIcon
        }
    }]

但无法将图标放在那里，正在寻找如何在 ag-grid 标题列中添加图标的解决方案。

Answer 1

以这种方式使用它

{
     headerName: '',
     headerComponentParams: { template: `
                                   <div>
                                       <span>
                                         sample <i class="fa fa-star"> 
                                                </i>
                                        </span>
                                   </div>`},
     field: "bookmarked",
     minWidth: 200,
     width: 200,
}