asked on November 13, 2018
How do I control the row height ?
The row height in v 2.6 is significantly higher than v 2.3.
We have a very limited display area, Hence we need to squeeze as much rows as possible
Please help
⋅ November 15, 2018
Hello, Sengupta,
Thank you for writing to us.
Currently, it is not possible to decrease the row height. Our development team can add the necessary improvement allowing you to set the height via CSS. The update can be released on December the 3rd.
Please let us know if it works for you.
Regards,
Tanya
⋅ November 15, 2018
Yes we do need this improvement
We would be looking forward for the December 3rd release. Please let us know
Thanks
⋅ November 15, 2018
Thank you for the confirmation. We will notify you about the release.
Regards,
Tanya
⋅ December 3, 2018
@Tanya Gryshko
Do you have any update?
Thanks
⋅ December 4, 2018
Hello Sengupta,
We are glad to inform you that the new version of the component has already been released.
You are welcome to update the component.
As for the configuring row height, please follow this example: https://jsfiddle.net/flexmonster/Ldc1vrew/.
Let us know if everything works fine for you.
Regards,
Dmytro
⋅ January 14, 2019
@Dmytro Zvazhii
Thanks for the option
Could you please let me know how can I change the height of the first (heading) row (display data: 1,2,3...)
Please note the column heading (display data: 1,2,3...) changes with your new option
Please use the exaggerate CSS to highlight the issue:
#fm-pivot-view .fm-grid-row {
height: 15px;
min-height: 15px;
max-height: 15px;
}
#fm-pivot-view .fm-grid-row-mobile {
height: 15px;
min-height: 15px;
max-height: 15px;
}
#fm-pivot-view .fm-grid-layout #fm-data-sheet .fm-cell {
padding-top: 1px !important;
}
#fm-pivot-view .fm-grid-layout .fm-cell.fm-v-sort, #fm-pivot-view .fm-grid-layout .fm-cell.fm-h-sort {
padding-top: 1px !important;
}
⋅ January 14, 2019
Hello Sengupta,
Thank you for your feedback. Please find the updated jsfiddle example: https://jsfiddle.net/flexmonster/Ldc1vrew/29/.
Also, you can use "showHeaders": false property to hide the heading columns and rows.
Does such option work for you?
Waiting to hear from you.
Regards,
Dmytro
