rowHeight

Row height, or rowHeight, is a configuration parameter used in table, grid, and list components to control the vertical size of each row. It affects layout, scrolling behavior, and how content fits within a row. Typical behavior ranges from a fixed height applied uniformly to all rows to dynamic heights computed per row based on content, which can better accommodate varying data but may require additional rendering work.

In mobile development, rowHeight is commonly associated with list views. For example, in iOS’s UITableView, the rowHeight property sets the height of cells. The default is 44 points. A fixed rowHeight can be used for consistency, while dynamic layouts may rely on UITableViewAutomaticDimension combined with an estimatedRowHeight to improve performance during scrolling.

In web and cross-platform grids, rowHeight is frequently specified in pixels or points. It serves as a basic unit that the rendering engine uses to lay out rows and calculate visible rows for virtualization. Some libraries offer a fixed rowHeight option, along with a per-row height callback or function (for example, getRowHeight or a heightGetter) to support variable row sizes while maintaining efficient rendering.

Dynamic row heights enable content-driven sizing but introduce complexity. They often require measuring content, caching computed heights, or re-measuring on content changes. When using dynamic heights, developers should be mindful of performance implications, especially in large datasets or heavy virtualization scenarios.

Accessibility considerations include keeping row heights large enough for comfortable tapping and reading, and ensuring consistent sizing to support predictable navigation with assistive technologies. Row height is a foundational setting that influences readability, touch targets, and overall user experience.