Responsive pivot table based on screen size

I wrapped div element with the pivot table into one more div and applied styles to the outer div.
As a result, the height of my pivot table changes when the div element changes.
Best,
Hugo

Thank you for your kind response Hugo, 
I have tried by changing outer div styles but I could not succeeded. Can you give me an example for your answer?

Take a look at the following codepen: https://codepen.io/anon/pen/qMPmBO

In given codepen also it is not working, when I resize the output section of the codepen pivot was not resizing.

Hello Ramarkishna,
The use case with resizing the pivot according to screen size is not supported by our tool. The only way is setting the height explicitly.
Regards,
WebDataRocks team