column-sizing

This skill builds on core and table-features. Sizing is numeric state; translating it to layout is a renderer decision.

Setup

import { columnSizingFeature, tableFeatures } from '@tanstack/table-core'

export const features = tableFeatures({ columnSizingFeature })
export const defaultColumn = { size: 180, minSize: 80, maxSize: 480 }

Core Patterns

cell.style.width = `${cell.column.getSize()}px`
tableElement.style.width = `${table.getTotalSize()}px`

Apply the same model sizes consistently to headers, cells, and pinned offsets.