Row Height

Answered
Sengupta 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

Attachments:
Rows Height.doc

7 answers

Public
Tanya Gryshko Flexmonster 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

Public
Sengupta November 15, 2018

Yes we do need this improvement
We would be looking forward for the December 3rd release. Please let us know
Thanks

Public
Tanya Gryshko Flexmonster November 15, 2018

Thank you for the confirmation. We will notify you about the release.
Regards,
Tanya

Public
Sengupta December 3, 2018

@Tanya Gryshko
Do you have any update?
Thanks
 

Public
Dmytro Zvazhii Flexmonster 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  

Public
Sengupta 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;
}

Public
Dmytro Zvazhii Flexmonster 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

Please login or Register to Submit Answer