Grid Row Resize
JavaScriptJavaScriptAngularAngularVueVueReactReact

Row Freeze

Rows can be frozen either to the 'top' or to the 'bottom'. The feature is also known as pinned rows and floating rows. To freeze a row, you need to set the row.freeze property.

Example: 
onRowInit(index, row) {
	if (index < 3) {
		row.freeze = true;
	}
}


To freeze a row to the bottom, set the row.freeze property to 'far'. 
onRowInit(index, row) {
	if (index > 2996) {
		row.freeze = 'far';
	}
}


For AI tooling

Developer Quick Reference

Topic: grid-row-freeze   Component: Grid   Framework: JavaScript

Main methods: (none detected)

Common config keys: (none detected)

Implementation Notes

Compatibility: Modern browsers / Web Components   API access pattern: const component = document.querySelector(...) + component.method()

Lifecycle guidance: Initialize configuration first, then invoke imperative API when element is available in DOM.

Common pitfalls:

  • Calling methods before element initialization.
  • Reassigning large configuration partially without understanding merge behavior.
  • Missing required module script import for component type.

Validation checklist:

  • Ensure module scripts and CSS are loaded once.
  • Keep data schema aligned with columns/series definitions.
  • Verify method calls target initialized component instance.