We have updated Flexmonster Software License Agreement, effective as of September 30, 2024. Learn more about what’s changed.

FM 2.8 header cells truncates with ... and can be decreased to min width

Answered
Tanushree asked on February 4, 2021

Hello team,
FM headers can be reduced to min height and as such header names are truncated with '...'
Is there a way the header can take minimum width as the size of longest column name?
Attached screenshot for your reference?
Thanks,
Tanushree
 

3 answers

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster February 8, 2021

Hello,
 
Thank you for contacting us.
 
We want to explain that Flexmonster does not support the described functionality.
However, all the columns will be resized to match their content after the first load. Also, you can double click the cell to fit it to its content.
 
The minimum column width can only be adjusted using CSS rules.
 
Please contact us in case other questions arise.
 
Regards,
Illia

Public
Tanushree February 9, 2021

Hi Illia,
Double clicking the cell/header didn't adjust it's content width.
Could you share with us the css for adjusting the minimum width of columns (especially filter columns and drillthrough columns).
Attached screenshot for reference.
Thanks,
Tanushree

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster February 10, 2021

Hello,
 
Please make sure you are double-clicking on the grid's actual headers (cells with numbers on them).
 
Concerning the minimum width of each column, you can use the following CSS selector:

#fm-pivot-view .fm-grid-column {
    min-width: ...
}

You are welcome to see the example demonstrating this approach: https://jsfiddle.net/flexmonster/8qma2tjr/.
 
Please note that this approach will define the minimum width for all the columns of the grid.
 
We hope it works for you.
 
Kind regards,
Illia

Please login or Register to Submit Answer