igniteui-angular icon indicating copy to clipboard operation
igniteui-angular copied to clipboard

More option for grid density, so that Igx grid row can be made narrower, compact is not so compact. Preferably input for rowHeight.

Open amitmoondra opened this issue 3 years ago • 5 comments
trafficstars

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

We want Igx Grid row narrower. For us, compact is also not very compact.

This is very important to our clients as they want to see more data in the screen. But right now even with compact configuration, the data visible on the screen is very less.

Describe the solution you'd like

Currently, you have the below options, we want a way in which we can provide row height as input to the grid. [rowHeight] = 22px etc. or something, to make the rows narrower. “compact”: 56px “cosy”: 64px “comfortable “: 80px

Describe alternatives you've considered

A clear and concise description of any alternative solutions or features you've considered.

Additional context

We tried adjusting the height of the row by CSS but that leads to the virtual scroll getting messed up, which is correct as the internal calculation must have been affected and still using compact configuration.

amitmoondra avatar May 20 '22 11:05 amitmoondra

@amitmoondra, @ChronosSF is going to provide more info on the "super compact" density.

As for the rowHeight property, we do have such of the igxGrid, as well as summaryRowHeight and pinnedRowHeight

Here you can find the default values.

zdrawku avatar May 20 '22 12:05 zdrawku

I tried to add rowHeight to the grid and then tried scrolling the grid when the column group was applied to the grid. By scrolling I mean holding down the scroll handle and then dragging. You will see here in the example that the focus is lost on the scroll handle.

https://stackblitz.com/edit/angular-tywl1u-wchf8d?file=src%2Fapp%2Fgrid%2Fgrid-groupby-sample%2Fgrid-groupby-sample.component.html Let me know if this is an issue or expected behavior, but scrolling using scrollbar experience is not good in this case. Also only happens when grouping is applied. Scrolling will be fine if you remove the column group. We also recorded a video of the same.https://equitydatascience.zoom.us/rec/share/ftFJfZT-tUlJjVXSNr2TS15q-sOjlJ2GqfwIMogO1K3hKiRECobDlHmq9N9Q1FFb.7blwl-FiKxBAbqSW Passcode: +f7093ul

I feel this is an issue as i could recreate it.

amitmoondra avatar May 20 '22 15:05 amitmoondra

@amitmoondra , the weekly patch that was just released has a fix for the scrollbars in grids with '%' height. Please, give it a try.

ChronosSF avatar May 23 '22 14:05 ChronosSF

@ChronosSF will check it, thanks for the update.

amitmoondra avatar May 23 '22 19:05 amitmoondra

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

github-actions[bot] avatar Jul 23 '22 00:07 github-actions[bot]

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

github-actions[bot] avatar Sep 27 '22 00:09 github-actions[bot]