@action
  toggleColumnVisibility(id) {
    this.resizableColumns.toggleVisibility(id);
    const listHeader = this.el.querySelector('.list-header');
    if (listHeader) {
      listHeader.removeEventListener('contextmenu', this.showBasicContext);
    }
    this.setupContextMenu();
  }
Toggle a column's visibility. This is called
when a user clicks on a specific column in the context
menu. After toggling visibility it destroys the current
context menu and rebuilds it with the updated column data.

@method toggleColumnVisibility
@param {String} id The column's id