asked 2 days ago
In our product we don't want empty cells. We are using grid layout for cards and inside this card pivot table will get rendered and the card can be resizable so the width can be defined for the pivot table.
1. I want to remove the empty cells
2. I also want to know how to remove that grid type popup which come when width and height is small classic grid type is converting from classic into compact and also when I increase the size the type is in compact form only once converted.
Can you please suggest me what to do?
⋅ 23 hours ago
Hello!
Thank you for reaching out to us.
Please find our detailed comments on the described cases below:
1. Removing the empty cells
Kindly note that by design, our pivoting component has a static size that doesn't depend on data and is defined when creating a Flexmonster instance, e.g.:
new Flexmonster({
container: "pivotContainer",
width: 150,
height: 150,
//other properties
});
If needed, there is also a workaround to adjust Flexmonster's dimensions to show only the part of the grid filled with data: https://jsfiddle.net/flexmonster/bae4x237/.
You can read more about this approach in the following thread: https://www.flexmonster.com/question/customization-of-grid-cell-to-fit-only-the-data-we-have-not-any-extra-rows-or-columns/.
2. Grid type is converting from classic to compact
We understand your concern about switching between the layouts. Let us explain in more detail why this automatic switch is needed.
In the classic view headers area is frozen, and when drilling down fields to the lower levels, there is less space for the scrollable content. Therefore, we automatically switch to the compact form when we need to free up space for the scrollable content.
We recommend increasing the default width/height of the component so the measures in the scrollable area always have enough space, and there is no need for Flexmonster to switch between layouts.
Hope you will find our answer helpful.
Feel free to ask if there are any further questions.
Kind regards,
Solomiia
