I want to add a pinned header summary row that displays the aggregate values of all columns in a single row. This summary row should always stay pinned directly below the column headers — similar to a pinned row — and remain unaffected by actions like sorting, filtering, or data updates.
Additionally, it should:
Stay fixed right under the header when vertically scrolling the grid.
Be horizontally scrollable along with the rest of the grid content.
Automatically adjust its cell widths based on the corresponding column sizes.
Has anyone implemented something similar or found a clean workaround using igx-grid (Angular)?
igx-grid
For more information about pinned rows, please refer to the video below:
https://drive.google.com/file/d/1vRedbUN8U8rIP2Axzshc2iqfU3jZgCf7/view?usp=sharing
Hello,
Thank you for posting in our community!
I have been looking into your question, and what I can say is that these requirements are partially addressed by the IgxGrid’s summaries feature. I say partially because the summaries feature is designed to display the root summaries at the bottom of the grid, and, currently, there is no built-in configuration to reposition them to the top or directly below the headers.
This behavior is expected based on the current design of the grid. However, if your use case requires this functionality, what I can suggest is logging this as a feature request in our GitHub repository here. Remember when submitting your idea to explain the context in which a feature would be used and why it is needed.
This will give you the opportunity to directly communicate with our development team regarding this matter and get notifications whenever new information is available.
Please let me know if you need any further information on the matter.
Sincerely, Riva Ivanova Software Developer