Column header and resizing

GUI95

Widget index / Navigation and data · Download this HTML

Type
LetterText
SketchBitmap

Ready — try the example.

States and behavior

Sort direction, bounded width, pointer resizing, focus and keyboard resizing.

Keyboard

Focus the separator; Left/Right changes width 5%; Home/End reaches bounds; Escape cancels an active pointer drag.

Scope and adaptation

The column divider uses the modern separator pattern and exposes its width. Sorting remains a separate button.

Sources

Microsoft preliminary guide (1995), chapters 7–8 · Modern browser accessibility pattern

Original implementation; system colors are represented by CSS variables. The default 13 px system-font stack is a readable browser adaptation. The 1995 source is preliminary, not a final product specification. Test the target browser and native host before shipping.