asked on June 29, 2022
Hi Team,
I am facing some issue where I am unable to expand the column width and I am seeing empty spaces on the right hand side.
Is there any work around to fit the column width so that there wont be any extra white spaces.
Please check the attached screen shot for reference.
⋅ June 29, 2022
Hello,
Thank you for reaching out to us.
We suggest using setTableSizes API call. You are welcome to check the following JSFiddle for reference: https://jsfiddle.net/flexmonster/1kL6op8b/
Please let us know if it works for you. Feel free to contact us if other questions arise.
Kind regards,
Nadia
⋅ June 30, 2022
Hello,
Thanks for the update.
This works fine if the table has fixed width. In my scenario the table size is 100% for which still I am facing the same issue.
Regards,
Venkatesh
⋅ July 1, 2022
Hello,
Thank you for your reply.
For the width set as 100%, we recommend extracting the table width from the HTML components generated inside the Flexmonster container. You can do this by using the document.querySelector method:
let width = parseInt(document.querySelector("#pivot-container .fm-data-sheet .fm-scroll-pane").style.width);
Besides finding the width, the general approach for expanding columns stays the same as before.
Please check the following example: https://jsfiddle.net/flexmonster/uqt5wc4h/
Feel free to contact us if any questions arise.
Best Regards,
Maksym
⋅ July 12, 2022
Hello,
Hope you are doing well.
Our team is wondering if you had time to try the provided solution for expanding flat table cells in the component with 100% width.
Looking forward to hearing from you.
Best Regards,
Maksym
⋅ July 19, 2022
Hello,
We would like to know whether you tried the provided solution.
Please let us know if it was helpful.
Best Regards,
Maksym