How to set column width less than 50px

Answered
Zoltan asked on May 29, 2024

Hello!

I have found an example how can I add empty columns as needed.
https://www.flexmonster.com/question/create-a-spacer-column/
How can I set the width of these spacer columns lesser then 50px?

Kind regards,
Zoltan

Maksym Diachenko created this ticket from #66305

2 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster May 30, 2024

Hello, Zoltan!

Thank you for your question.

Indeed, Flexmonster has a default minimum width constraint for columns, which is set to 50px. However, you can adjust this by overriding Flexmonster's internal styles (see the JSFiddle example). Please note that reducing the width below 20px can negatively impact the component's visual integrity:

.fm-grid-column,
.fm-grid-column-mobile {
  min-width: 20px;
}

Additionally, you can predefine column width inside the report via the tableSizes object to make the column narrow right after the report is loaded.

We are looking forward to hearing your feedback.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster June 20, 2024

Hello, Zoltan!

Hope you are doing well.
We are wondering if you had time to check the suggested solution for setting the column width to less than 50px.
Please let us know if it works for you.

Best Regards,
Maksym

Please login or Register to Submit Answer