<vaadin-grid-sort-column>

`<vaadin-grid-sort-column>` is a helper element for the `<vaadin-grid>` that provides default header renderer and functionality for sorting.

Category

Layout

Built with

Lit

Library

Vaadin

Author

Vaadin

Package

@vaadin/grid

Component size

4.0 kB JS (minified + gzipped, JS includes dependencies beyond the library)

Library size

19.9 kB JS (shared by every Vaadin component, loaded once per page)

Popular

4 out of 5

Downloads

288,102/week · jsDelivr 9,088 hits/month (whole @vaadin/grid package)

Latest stable version

25.3.2

Last published

Oct 2, 2026

Component last changed

Dec 16, 2025 (in 25.0.0)

License

Apache-2.0

• Documentation
• Source code

• Documentation
• Source code

<vaadin-grid>
 <vaadin-grid-sort-column path="name.first" direction="asc"></vaadin-grid-sort-column>

 <vaadin-grid-column>
   ...

Attributes

• auto-width
• direction
• flex-grow
• footer-part-name
• footer-renderer
• frozen
• frozen-to-end
• header
• header-part-name
• header-renderer
• hidden
• path
• renderer
• resizable
• row-header
• text-align
• width

Events

• direction-changed