columns.fit(): the columns it does not size (resizable: false, and the grid's own checkbox, expander, group and tree columns) take {n}px of a {m}px viewport, leaving {k}px for {c} column(s) that need at least {f}px. They are set to their minimum widths and the grid scrolls

Warnings reference › columns.fit-overflow:*

Identifier

columns.fit-overflow:*

Raised by

The grid (core)

Since

1.70.0

What happened

columns.fit() shares the viewport among the columns it is allowed to resize. The ones it may not touch already take more room than there is, so the sizeable columns are set to their minimum widths and the grid scrolls sideways instead of fitting. The key carries this grid's own identity, so one grid overflowing cannot use the warning up for every other grid on the page.

The fix

Make some of the fixed columns resizable, narrow them, hide one, or accept the horizontal scroll.

Reference

Covered in full at the API reference.