Column menu not showing when using Custom column header

Hi, Lucien,

Thank you for reaching out to us.

This behavior occurs because in the latest versions we have introduced a change in the headerCell which gives more freedom to the developer to manipulate the columnMenu icon.

This however requires a different configuration in the custom headerCell in order to show the columnMenu icon:

const HeaderCell = (props) => (
  <React.Fragment>
    <span className="k-cell-inner">
      <span className="k-link" onClick={props.onClick}>
        <span className="k-column-title">
          {props.title}
          {props.children}
        </span>
      </span>
      <GridColumnMenuWrapper
        {...props.columnMenuWrapperProps}
      ></GridColumnMenuWrapper>
    </span>
  </React.Fragment>
);

• https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnMenuWrapperProps/
  

• https://www.telerik.com/kendo-react-ui/components/grid/api/GridHeaderCellProps/#toc-columnmenuwrapperprops

Here is a runnable example that showcases this approach:

I hope this helps.

Regards, FilipProgress Telerik