search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
9.84k stars 4.51k forks source link

TreeTable: Header/Footer columns are misaligned #15610

Open can-oezkan opened 1 month ago

can-oezkan commented 1 month ago

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

Sinan997 commented 1 month ago

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.