Hi
I want a small clarification on one of the use case related to IgrDataGrid (https://www.infragistics.com/products/ignite-ui-react/react/components/grids/data-grid/overview).
I have used IgrDataGrid, in that I want to use the maximum space for the column name , as in the screenshot the Address column has some space but still the name is not fully visible.
So, for this I need to know that is it possible to do so? If there is any solution for this please suggest as I need to implement this in my IgrDataGrid.
Hoping for a positive response.
Thanks!!!
Hello,
Thank you for your post. Yes you are right i am also able to reproduce the issue. I open the development tool and find the dom element and notice that there is no class assigned ti it otherwise using the style we could set the width to that column.
This looks like a dev issue to me so i logged it into github at :https://github.com/IgniteUI/igniteui-react/issues/31
You can also update the issue any time if you want.
After discuss the logged issue with my team ,we have done an initial review and find It is not currently possible to utilize the maximum space in the header without losing functionality for the column. The reason you are seeing the behavior you are seeing in your screenshot with the “Address” column is because there are other elements in the column header that are hidden, but there is space allocated for them. These elements are the sort indicator in case you sort the column and the column options dialog button (three little dots) that allow you to perform operations on the column like grouping, moving, sorting, filtering, etc.The only way to utilize the maximum space of the column is to disable these options by setting the headerClickAction of the grid to “None,” which would disable sorting and set the isColumnOptionsEnabled property to false to disable the column options in the header.My best recommendation for you in this case is to set a minWidth on the column so that the column cannot shrink beyond a width that would cause the header to be cut off.