revolist / revogrid

Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
https://rv-grid.com
MIT License
2.7k stars 169 forks source link

Table resize not working properly if cellTemplate is set [Angular] #474

Closed Thoemmy closed 1 month ago

Thoemmy commented 1 month ago

Describe the issue If you set a cellTemplate and also set in the html element <revo-grid> the property [resize]="true". Then the resizing of the columns is not working properly.

htmlcode:

<revo-grid
    style="height: 200px; width: 300px"
    [columns]="columns"
    [source]="source"
    [resize]="true">
</revo-grid>

Current:

Bildschirmfoto 2024-07-19 um 19 06 40

Expected:

Bildschirmfoto 2024-07-19 um 19 10 01

Example To Reproduce Code Sandbox Example

revolist commented 1 month ago

Hello @Thoemmy This is how I see this:

Screenshot 2024-07-20 at 12 33 46 AM

Probably there is something else you've done? Tried with cell template and without. Resize is working as expected.

Thoemmy commented 1 month ago

You opened the sandbox ive created? Cause the screenshot ive took are from the sandbox directly. Is sandbox causing some issues? Could be i guess 🤔 Ive also cloned the repo of angular-datagrid and revogrid to test some cases to help you out

revolist commented 1 month ago

I tried directly from your sandbox with no luck. Also tried locally with clean angular installation. If you get time please send me your browser info too.

Thoemmy commented 1 month ago

Oh i saw that i accidentally changed the sandbox example, i reverted my changes to the original issue state. Sorry for that!

The code should look like this:

Bildschirmfoto 2024-07-20 um 23 23 55

This issue is occurring on chrome and safari based browsers

My browser info: Brave Browser: Version 1.67.123 Chromium: 126.0.6478.126 (Official Build) (arm64) Safari: Version 17.3 (19617.2.4.11.8)

revolist commented 1 month ago

I am trying to reproduce your issue on the given sandbox with no luck. I see exactly same code you've posted above.

Could you see this right now on the sandbox?

Thoemmy commented 1 month ago

I opened this example now on a different pc and i have the same issue here. https://codesandbox.io/p/sandbox/table-resize-not-working-properly-if-celltemplate-is-set-angular-4l8pfg

image

revolist commented 1 month ago

@Thoemmy I've been able to reproduce your issue Gladly it seems not reproducible on the newer version. Could I ask you to upgrade your sandbox to 4.8.12+ and try again?

https://codesandbox.io/p/sandbox/practical-dirac-864l3r

there is a copy of your sandbox with the latest version

Thoemmy commented 1 month ago

@revolist Yep the issue is gone in the newer version. Thank you for help :)

revolist commented 1 month ago

@revolist

Yep the issue is gone in the newer version.

Thank you for help :)

Thank you for checking!