reactdatagrid icon indicating copy to clipboard operation
reactdatagrid copied to clipboard

When auto-resizing, a column header width includes the menu width even when showColumnMenuToolOnHover is true

Open yurigenin opened this issue 3 years ago • 0 comments

  • what edition are you using - enterprise
  • version for @inovua/reactdatagrid-communityor @inovua/reactdatagrid-enterprise - latest

What you did: Use this example: https://reactdatagrid.io/docs/autosize-columns#auto-size-columns

What happened: When clicking the 'Autoresize this column' column menu on any column, the new width includes column header's menu width even though the column has the property showColumnMenuToolOnHover set to true by default.

image

As you see, the Age column, for instance, has an extra space for the menu even though the menu is not visible.

Suggested solution: The code that does the calculation should check if a column has showColumnMenuToolOnHover set and if it does it need to subtract the width of the menu and the width of the gap between the menu and the column header text.

yurigenin avatar Mar 17 '22 00:03 yurigenin