search

primefaces / primevue

Next Generation Vue UI Component Library
https://primevue.org
MIT License
9.87k stars 1.19k forks source link

DataTable with virtual scroll missing horizontal row borders #6091

Open bettercalljason opened 1 month ago

bettercalljason commented 1 month ago

Describe the bug

When using the https://primevue.org/datatable/#virtualscroll feature of the DataTable component, the horizontal row borders are missing.

image

Reproducer

https://stackblitz.com/edit/u3pycg?file=src%2FApp.vue

PrimeVue version

4.0.0

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

yzzting commented 1 month ago

This should be a problem with Stackblitz, as additional styles have been added to the preview page of Stackblitz.

截屏2024-07-22 21 20 06

Commenting out this line of code will add a border. border-collapse: collapse;

Additionally, I ran the Stackblitz demo code locally, and the border appears normally, which is enough to prove my conclusion.