Question

我需要在标题中添加自己的按钮，它应该像是带有内部组件的弹出式过滤器按钮。我知道这个API https://www.ag-grid.com/javascript-grid-header-rendering/，但是它可以完全重写标头单元。我需要完全保存所有旧功能：通过单击进行排序，对图标，菜单进行排序等，看起来与Header Components一样，我需要从头开始编写所有内容，如何仅保存我的按钮并保存所有Header单元的功能？

我也尝试使用https://www.ag-grid.com/javascript-grid-column-header/

defaultColDef : {
    width: 100,
    headerComponentParams : {
    template:
        '<div class="ag-cell-label-container" role="presentation">' +
        '  <span ref="eMenu" class="ag-header-icon ag-header-cell-menu-button"></span>' +
        '  <div ref="eLabel" class="ag-header-cell-label" role="presentation">' +
        '    <span ref="eSortOrder" class="ag-header-icon ag-sort-order" ></span>' +
        '    <span ref="eSortAsc" class="ag-header-icon ag-sort-ascending-icon" ></span>' +
        '    <span ref="eSortDesc" class="ag-header-icon ag-sort-descending-icon" ></span>' +
        '    <span ref="eSortNone" class="ag-header-icon ag-sort-none-icon" ></span>' +
        '    ** <span ref="eText" class="ag-header-cell-text" role="columnheader"></span>' +
        '    <span ref="eFilter" class="ag-header-icon ag-filter-icon"></span>' +
        '  </div>' +
        '</div>'
    }
}

使用模板，我只能添加图标和一些内联javascript，而无法访问单元格数据，api等，这不友好。任何建议都会有所帮助。非常感谢。

Ag-grid，向标题单元格添加按钮

0 个答案: