In the below example, the columns can be hidden / shown using checkboxes in the header dropdown menu.

When all lowest level columns in a group are hidden, parent columns if any also get hidden.

There are 3 important column properties which help customise the header menu:

  1. menuInClose: Used for grouped columns, it states the initial open/close state of grouped column parents in menu e.g., Rank column.
  2. menuInDisable: Checbkox is in disabled state so show hide state of this column can't be changed in header menu.
  3. menuInHide: This makes the column hidden in header menu. Obviously its show hide state can't be changed in header menu.

Note: The grouped columns are vertically middle aligned with help of column.hvalign property.