Skip to content

Vertical line appear in table #17925

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

Open
suraj-oxane opened this issue Mar 24, 2025 · 2 comments
Open

Vertical line appear in table #17925

suraj-oxane opened this issue Mar 24, 2025 · 2 comments

Comments

@suraj-oxane
Copy link

suraj-oxane commented Mar 24, 2025

What happened?

When sticky header applied in q-table, it shows vertical line random to any cell in table header. Find the attach screenshot .
when we do zoom in/out it disappear or may visible to few more cell.
When back to 100% zoom it will again comes to original position with line in random cell.
Happening in all browser

Image

What did you expect to happen?

this is but which disturb UI, kindly look in this and remove.

Reproduction URL

https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QTable/VirtscrollSticky.vue

How to reproduce?

  1. Go to below url:
    https://quasar.dev/vue-components/table#responsive-tables

  2. Scroll to virtual scroll with sticky header

  3. Check table header part

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Style & Identity (quasar)

Platforms/Browsers

Chrome

Quasar info output

Relevant log output

Additional context

No response

@github-actions github-actions bot added area/style bug/0-needs-info Need more info to reproduce labels Mar 24, 2025
Copy link

Hi @suraj-oxane! 👋

It looks like you provided an invalid or unsupported reproduction URL.
Do not use any service other than Codepen, jsFiddle, StackBlitz, CodeSandbox, and GitHub.
Make sure the URL you provided is correct and reachable. You can test it by visiting it in a private tab, another device, etc.
Please edit your original post above and provide a valid reproduction URL as explained.

Without a proper reproduction, your issue will have to get closed.

Thank you for your collaboration. 👏

@suraj-oxane
Copy link
Author

this is happening in quasar website. I am sure once it fixed to quasar it will auto correct in my project
https://github.com/quasarframework/quasar/blob/dev/docs/src/examples/QTable/VirtscrollSticky.vue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant