DataTable: Frozen Columns, the headers of fixed columns will overlap. - Githubissues

primefaces / primevue

Next Generation Vue UI Component Library

https://primevue.org

MIT License

9.27k stars 1.13k forks source link

DataTable: Frozen Columns, the headers of fixed columns will overlap. #6036

Closed yzzting closed 2 weeks ago

yzzting commented 3 weeks ago

Describe the bug

When using fixed columns, the headers of the fixed columns will overlap.

The effect can be seen from the video.

https://github.com/primefaces/primevue/assets/15907064/fbc6d48a-a403-49b0-aa2a-ff16c2b7a5b6

Reproducer

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

PrimeVue version

4.0.0-rc.2

Vue version

4.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

Chrome 126.0.6478.127 arm64

Steps to reproduce the behavior

<Column field="full_name" header="Full Name" frozen></Column>

Set the frozen attribute of Colunm.

Expected behavior

The fixed column headers should have a background color and shadow to differentiate them.

yzzting commented 3 weeks ago