Resizable columns can break Scrollable DataTable

[cagataycivici]

In cases where scrollWidth is bigger than total column width, table is misaligned like;

    <p-dataTable [value]="cars" scrollable="true" scrollHeight="200px" resizableColumns="true">
        <p-header>Vertical</p-header>
        <p-column field="vin" header="Vin" [style]="{width: '25%'}"></p-column>
        <p-column field="year" header="Year" [style]="{width: '25%'}"></p-column>
        <p-column field="brand" header="Brand" [style]="{width: '50%'}"></p-column>
    </p-dataTable>