Hello wvusaf,

Thank you for posting in our community.

The purpose of the gear icon is to toggle the visibility of the feature chooser. In certain circumstances instead of just the gear icon being responsible for toggle, the entire column header is used.

The default setting of the gear icon's visibility changes depending on the context in which the grid is running. When the grid is rendered in non-touch contexts, the icon appears in the column header. When the grid is rendered in a touch enabled context, the gear icon is not rendered in the column header and the full column header is responsible for toggling the feature chooser instead.

The visibility behavior of the gear icon is controlled by the grid's featureChooserIconDisplay option. The default value for this option is desktopOnly and behaves as described above. Should you want to make the gear icon available in all contexts, then setfeatureChooserIconDisplay equal to always.

A possible scenario when the gear icon is not going to be visible for particular column is if some of the features have been disabled for this column. For example, if you have Hiding and Moving features enabled for igGrid. If you disable hiding for one of the columns when the igGrid is rendered only the column moving indicator is going to be visible.

[code]

 features: [
                    {
      name: "ColumnMoving"
     },
     {
      name: "Hiding",
      columnSettings: [
       {
         columnKey: "Age", allowHiding: false
       }
      ]
     }
               ]

[/code]

I am also attaching a small sample illustrating my suggestion for your reference.

If this sample is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce. Also some additional information in regards to whether you are experiencing the issue in touch environment or desktop will be helpful.

I hope you find this information helpful.

Please feel free to continue sending updates to this case at any time.

Yes, unfortunately there is a limitation for the column keys stating: "Column keys which contain spaces are not supported". The reason is that column keys are used in some DOM elements IDs, that's why they are constrained by the HTML 5 requirements for the id attribute.

As a solution you can change those key names in the data source before binding igGrid to it, or you can define unbound columns with valid keys and populate the data from the columns with invalid keys.

Hope this helps,
Martin Pavlov
Infragistics, Inc.