Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The minWidth property of the columns is not working on inital render of the grid #15383

Open
dkamburov opened this issue Feb 20, 2025 · 4 comments

Comments

@dkamburov
Copy link
Contributor

Description

The minWidth property of the columns is not working on inital render of the grid, it's only being applied if the resizing of the columns is used

  • igniteui-angular version: 18.2.*
  • browser: N\A

Steps to reproduce

  1. Open the attachment
  2. ng serve
  3. Open the page on mobile view

Result

The column ContactName has minWidth applied of 80px, even though it's getting smaller than that.
Image

Expected result

The minWidth property should applied when the widths of the columns are calculated initially.
The same applies to maxWidth property.

Attachments

@dkamburov dkamburov added 🐛 bug Any issue that describes a bug 🆕 status: new grid labels Feb 20, 2025
@dkamburov dkamburov self-assigned this Feb 20, 2025
@MayaKirova MayaKirova added feature and removed 🐛 bug Any issue that describes a bug labels Feb 20, 2025
@MayaKirova MayaKirova self-assigned this Feb 21, 2025
@MayaKirova
Copy link
Contributor

@dkamburov @damyanpetev
Changed this to a feature request since this has only ever applied min/max width as constraint for user interactions related to resizing as described in the resizing docs:
https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/column-resizing#restrict-column-resizing

As you can see, there's no mention of these properties affecting the way the grid renders sizes in the related topic for sizing:
https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/sizing

Changing it would change the existing behavior, as users may have set this in existing grids to limit certain user interactions, while with this it will now apply the same constrains to the developer specified sizes as well.

In addition to that we need a spec on the different widths and min/max width combinations and what the expected result would be as widths can be fixed (in pixels), relative (in percentage) or auto (fitting the length of the longest header or data cell), while min/max widths can be fixed (pixels) or relative (in percentage) and user can mix and match them.

@MayaKirova
Copy link
Contributor

@dkamburov
I've added a section on column widths and constraints here: https://github.com/IgniteUI/igniteui-angular/wiki/igxGrid-Specification#-column-sizing

Awaiting sign off.

@dkamburov
Copy link
Contributor Author

@dkamburov I've added a section on column widths and constraints here: https://github.com/IgniteUI/igniteui-angular/wiki/igxGrid-Specification#-column-sizing

Awaiting sign off.

@damyanpetev @kdinev please review it as well.

@kdinev
Copy link
Member

kdinev commented Feb 25, 2025

@dkamburov @MayaKirova LGTM!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants