Scroll with dynamic height

Tags: #<Tag:0x00007efc706b1520>
#1

https://jsfiddle.net/nya6wLkc/

Have to adjust/scale Hottable with window resize.
If provide fixed size to HandsonTable it display fine but not scalable.
Don’t work well with dynamic height

//height={200}  // working with hard code but not scalable

VS
//height={‘100%’}

#2

Hi @harisalipk

Handsontable is not fully responsive yet. To give a sort of expansion in the horizontal axis we provided the stretchH option like here https://jsfiddle.net/ot81rfx6/ that changes the width of the table to the size of the window and expands/shrinks the columns accordingly.

More about sizing the table you can read in this tutorial https://handsontable.com/blog/articles/2016/3/a-complete-guide-to-changing-size-of-handsontable

#3

Hi

Thanks for quick reply, this was about vertical axis not horizontal,
I already took care of horizontal axis using stretchH in sample link provided in question.
We reviewed the document you shared before submitting the question but didn’t helped, specially if provide dynamic height like 100%, as shown in sample.
Ultimately its forcing to define fix height.

way out:

  1. Define fixed height ( correct behavior but not scalable )
  2. use height 'auto with overflow hidden on parent (like in ques sample). but it give v.scroll on parent and h.scroll on hottable, not a correct behavior.

When you are planning to release this feature ?

#4

I o not see any topic related to the responsive behavior of the table. We are planning to add full Accessibility support. But I do not think if it will include dynamic height.

#5