Column width problems

[ajcsParticipant]

I want the grid to take up the whole width of the page without horizontal scroll.

If I set the column widths by percentage to add to 100% (e.g. Column widths 30% and 70%) the grid looks correct initially but I have the following two problems:
1. If the grid gets more data and a vertical scrollbar appears then a horizontal scrollbar appears.
2. If the browser window is resized the grid is therefore resized but the columns do not auto resize to stay with the percentages.

How do I fix the problems above to compensate for the vertical scrollbar appearing and resize?

Thanks

[adminKeymaster]

Hi ajcs,

You can look at this: https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/autosize.htm?fluent

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[ajcsParticipant]

The example you show is what I am doing. Is this something that was fixed recently? (maybe I need an update?)

In addition if I want some fixed width columns and leave one column without a width it fills the rest of the space but it has the same problems above when resizing the grid and scrollbar. Should this also work correctly as with your example?

[ajcsParticipant]

I updated to the latest version and it has fixed the problem with column percentages and works correctly.

It still has the same problems above if I want some fixed columns and leave one column with no width.

So if I want columns mainly with percentages but want one column a fixed width (maybe it contains a button or something) is there a way to do that?
Something like with divs when you can use calc(25% – 20px)?

[adminKeymaster]

Hi ajcs,

In this case, the sum of percentages should be less than 100%, have one column with fixed width and another one without width to take up what’s remaining.

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts