Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

DataTable: sticky column header doesn't stay fixed #1938

Closed
nndnha opened this issue Dec 30, 2021 · 1 comment
Closed

DataTable: sticky column header doesn't stay fixed #1938

nndnha opened this issue Dec 30, 2021 · 1 comment
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working vue2-portable
Milestone

Comments

@nndnha
Copy link

nndnha commented Dec 30, 2021

[x ] bug report => Search github for a similar issue or PR before submitting
[ ] feature request => Please check if request is not on the roadmap already https://github.com/primefaces/primevue/wiki/Roadmap
[ ] support request => Please do not submit support request here, instead see http://forum.primefaces.org/viewforum.php?f=110

CodeSandbox Case (Bug Reports)

https://codesandbox.io/s/restless-waterfall-dmvip?file=/src/DataTableScrollDemo.vue
Current behavior

Sticky column header doesn't work with resizableColumns and frozen

Expected behavior

Column headers with frozen attribute should stay fixed instead of moving.

Minimal reproduction of the problem with instructions

Scroll the page horizontally to view the problem.

@beocaca
Copy link

beocaca commented Jan 4, 2022

::v-deep(.p-datatable-scrollable .p-frozen-column) {
  font-weight: bold;
  position: sticky;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working vue2-portable
Projects
None yet
Development

No branches or pull requests

3 participants