TreeTable: Header/Footer columns are misaligned

[can-oezkan]

Describe the bug

Header/Footer columns are misaligned

https://primeng.org/treetable#gridlines

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

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):

[Sinan997]

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

primeng/src/app/components/treetable/treetable.ts

Line 2423 in b55baa8

(this.scrollHeaderBoxViewChild as ElementRef).nativeElement.style.paddingRight = scrollBarWidth + 'px';

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.