Tutorial: Stretching columns

Stretching columns

This page shows how to configure Handsontable column stretching:

StretchH last column

The following example creates a table with vertical scrollbar by specifying only the container height and overflow: hidden in CSS. The last column is stretched using stretchH: 'last' option.

StretchH all columns

If the table content is not as wide as the container width, the table will be stretched to the container width. The default horizontal stretch model is to stretch the last column only (by using stretchH: 'last' option).

Other possible stretch modes are all (stretches all columns equally, used in the below example) and none (not stretching).

StretchH none (default)

Help us improve this page