I have an igx grid something like this
I want to reduce the column header size. I wanted to replace the 3 dots which open the filter and sorting menu.
Instead I want the filter and sorting menu to open when I click on the header itself. Also if possible I want to change the cursor to pointer while doing that.My Ignite version is 11.0.9
Hello,
Thank you for posting on our forums,
All columns have width property, so if you would like to set it specifically, you can use this property. If all you are looking to do is to hide the icon for Excel Style Filtering, you template the button and not assign an icon for it, effectively hiding it.
Regarding sorting indicators, you can do that by overwriting the css class:
Thanks, Tihomir,The above-mentioned solution is awesome.I am facing one little problem with it though.
I want to close the filter component if clicked on Apply or Close.When I click on Apply and Cancel button on the IgxGridExcelStyleFilterComponent it doesn't communicate with the IgxToggle created, so the filter remains open until the user clicks outside of the filter.It's pretty bad UX-wise.I was wondering if we can use the existing overlay service of IgxGridExcelStyleFilterComponent.If not I would like to listen to events of Apply and Cancel and close the IgxToggle manually.