How to set the table adaptive width and height

Tags: #<Tag:0x00007f8b1d68ae70>
#1

How to set the table adaptive width and height

#2

Hey @jksoncao

In Handsontable you can set a fixed height and width for a whole table, column and a row.

What exactly you’d like to do?

#3

I want the width and height of the table to change automatically based on the content, and it is full of

tags.
#4

Currently the table grows with the content

image
image.png737×480 35.6 KB

but you cannot set min-height and max-height. There’s only default (expanding option) and fixed size.

#5

I want to the table’s width and height adaptive based on the size of the wrap div

#6

Hey @893851602

the only way to get this done is to call updateSettings each time a text gets more space in a cell and rows/columns get inserted/deleted.

#7

Set width and height to 100%. Since v7 Handsontable will adapt whenever windows is resized. If you’re changing layout any other way you have to call refreshDimensions() method manually. Or implement any technique or polyfill for Element Queries to detect when div dimensions were changed. There is currently no API in the browser to do it out of the box and implementations may vary so it’s left up to the developer.

#8