Get Free Trial

How to Avoid white empty space

Answered
Morales, Julio César Álvaro asked on August 23, 2021

Good day,
I’m making a pivot table for a webpage and I’m having problems with the look of the table, as you can see in the example attached, there’s a lot of empty space in big monitors, is there a way to make the the columns fit the space that the container has? So the columns would look good in either laptops or monitors with different sizes
If that is possible for the columns, it would be nice to know if there’s a way for the rows to do the same.
It’s important for us to have the information in the entire right side of the page, so, it wouldn’t be good to make the card that contains the pivot smaller.
 
Thank you.

Attachments:
Example.png

1 answer

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster August 24, 2021

Hello,
 
Thank you for posting on our forum.
 
We suggest setting the height and width properties of the component to 100% in its constructor. In this case, Flexmosnter will fit to match the dimensions of its parent similar to a simple HTML element.
This will fill unused space with empty cells. Existing cells will remain the same since their dimensions are calculated based on their content.
 
Please note that it is not possible to fit columns’ and rows’ dimensions to the container. It would impose significant limitations on the functionality since most available operations modify the grid in some way. For example, expanding any member creates additional columns/rows to display new intersections. The same goes for adding new fields to the slice, filtering, etc. When there is no enough space to display all cells at once, the scroll will appear.
 
If columns and rows would expand and shrink to match containers dimensions, it would entail large cells when little data is displayed or narrow and unreadable cells when more data is rendered on the grid.
 
We hope it helps.
Please contact us if any additional questions arise.
 
Kind regards,
Illia

Please login or Register to Submit Answer