Open eboileau opened 6 months ago
Any updates? Virtual Scroll still does not work with DataTable on Tailwind Primevue.
Same issue here.
To be more precise, in my case it seems to work on Chrome, but not on Firefox. Nothing appears (same as the example on the doc https://tailwind.primevue.org/datatable/#virtualscroll.
In comparison with the styled version, I notice a missing style display: flex
in <tbody data-pc-section="virtualscrollerspacer"></tbody>
.
I tried to add it via Pass Through and it seems to work. At least something appears on Firefox.
<script setup>
const passThrough = {
virtualScrollerSpacer: {
class: 'flex'
}
}
</script>
<template>
<DataTable :pt="passThrough" :value="virtualValue" scrollable ...>
...
</DataTable>
</template>
Indeed VirtualScroller + DataTable work on Chrome, but NOT on Firefox.
Adding another voice to this. Firefox (version 126) on Mac, using the tailwind datatable page (https://tailwind.primevue.org/datatable/#virtualscroll) and the datatable is blank. This makes virtual scrolling unusable.
any news?
Hi, I'm sorry to insist, but I'm stuck, I don't know what is wrong. Virtual Scroll works with DataTable on Primevue here: https://primevue.org/datatable/#virtualscroll, but does NOT work with Tailwind Primevue here: https://tailwind.primevue.org/datatable/#virtualscroll. Try it out here: https://stackblitz.com/edit/9ywajd-dnq98z?file=src%2Fmain.js, adding
app.use(PrimeVue, { unstyled: true, ripple: true });
breaks the virtual scroll on the table.I can use VirtualScroller alone with or without
unstyled: true
, but not DataTable with virtual scroll.On https://github.com/primefaces/primevue-tailwind/issues/108, you suggested to use
pt
. I can pass styles, yes, but the functionality is not there.I would greatly appreciate your advice on how to use VirtualScroller with DataTable.