primeng icon indicating copy to clipboard operation
primeng copied to clipboard

TreeTable: Header/Footer columns are misaligned

Open can-oezkan opened this issue 1 year ago • 1 comments

Describe the bug

Header/Footer columns are misaligned

https://primeng.org/treetable#gridlines

image

There is a padding of 17px applied to the right of header/footer: image

Environment

unrelated

Reproducer

https://primeng.org/treetable#gridlines

Angular version

unrelated

PrimeNG version

17.16.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

unrelated

Browser(s)

No response

Steps to reproduce the behavior

  1. Visit https://primeng.org/treetable
  2. View all treetables

Expected behavior

Header/Footer columns should align with body columns.

Example (Table Component): image

can-oezkan avatar May 17 '24 18:05 can-oezkan

This line is responsible for this bug. It adding a padding no matter scroll bar exist or not.

https://github.com/primefaces/primeng/blob/b55baa83ea597d9fd5ab0e7198ce6f98810116ec/src/app/components/treetable/treetable.ts#L2423

I have tested it in my local, i deleted this line it solved the problem and nothing broke up.

But i am not sure, it might broke something. Maybe @cetincakiroglu can help.

Sinan997 avatar May 18 '24 16:05 Sinan997

This seems to be fixed now in v18 https://v18.primeng.org/treetable#gridlines

can-oezkan avatar Sep 06 '24 19:09 can-oezkan

Bug is there again: https://v18.primeng.org/treetable#gridlines image

can-oezkan avatar Nov 28 '24 18:11 can-oezkan