search

IgniteUI / igniteui-angular

Ignite UI for Angular is a complete library of Angular-native, Material-based Angular UI components with the fastest grids and charts, Pivot Grid, Dock Manager, Hierarchical Grid, and more.
https://www.infragistics.com/products/ignite-ui-angular
Other
571 stars 163 forks source link

igx-grid - narrower column min-width/flex-basis #13815

Closed srbStackblitz closed 6 months ago

srbStackblitz commented 9 months ago

There are situations where a narrow column would be an appropriate option to have - narrower than 24px/56px (depending on the version).

Is your feature request related to a problem? Please describe.

We recently encountered this limitation when we were attempting to duplicate the look of our existing data grid, when testing a trial version of igniteui-angular grid.

What we attempted to duplicate was a 9.6px width/flex-basis column that was not sortable, non-resizable, non-movable, and would occasionally house a small button, with a tooltip. Also no header text.

We were able to achieve all of these, except for the width.

Describe the solution you'd like

To be able to set a narrower width for a column than that which is currently permitted (24px, until v.17, after which it is 56px).

Describe alternatives you've considered

I was able to use ::ng-deep to affect only header and body cells in that column, and got the desired appearance, but upon scrolling right, the body rows would lose igx-cells (they no longer appeared in Developer Tools>Elements), and this would throw off the alignment of the header rows' columns with the body rows' columns. This torpedoed the styling solution.

Our only other alternative was to eliminate that column.

github-actions[bot] commented 6 months ago

There has been no recent activity and this issue has been marked inactive.