Skip to content

TreeTable: Resizing one column resizes other columns as well #15876

@B34v0n

Description

@B34v0n

Describe the bug

When trying to resize one specific column in the TreeTable, it resizes the others as well.

You can see the issue in https://primeng.org/treetable#scrollable, I created a gif:

columnMoves

Everytime I make the name-column bigger or smaller, the type-column moves a bit to the right.

In my local project, the issue is even bigger, because all of my remaining (14) columns get bigger when I resize one.

Also: shouldn't the size-column stay the same size as it is, when I resize the name-colum?

Environment

Chrome

Reproducer

No response

Angular version

17.3.10

PrimeNG version

17.18.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v20.13.1

Browser(s)

Chrome Version 126.0.6478.114

Steps to reproduce the behavior

  1. Go To https://primeng.org/treetable#scrollable
  2. Resize name-column
  3. type-column moves a little bit to the right, size-column gets smaller/bigger

Expected behavior

size-column should stay the size that it was resized to.
type-column should not change it's position ever so slightly.

Metadata

Metadata

Assignees

No one assigned

    Labels

    LTS-PORTABLEIssue's fix will be ported to supported LTS versionsType: BugIssue contains a bug related to a specific component. Something about the component is not working

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions