Datatable rows are not the full width in scroll both mode

[luke-z]

Describe the bug

A Datatable with

:scrollable="true" scrollHeight="flex" scrollDirection="both"

loses the background color for the rest of the row beyond the first few visible columns.

The background only covers approximately the first "100%" of the width.

By giving the table element a width above 100%, in this case 135%, it works.

Is this an issue from my side or is this a bug?

I'm using Nuxt2 with typescript, but the example also happens in the js version in Vue2.

Reproducer

https://codesandbox.io/s/trusting-andras-pd7p2h

PrimeVue version

2.9.2

Vue version

2.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

No response

Steps to reproduce the behavior

1. create a table with :scrollable="true" scrollHeight="flex" scrollDirection="both"
2. add enough columns to make it scrollable
3. add a background color to the wrapper to see the missing "table width"

Expected behavior

The table should be as wide as the scrollable viewport.
It wouldn't bother me so much if it were only the background color, but the highlighting is also affected.

(selection-mode="single")