Skip to content

feat(core): apply glass effect to sticky DataTable header#340

Merged
antfu merged 1 commit into
vitejs:mainfrom
JianJroh:feat/datatable-glass-header
May 14, 2026
Merged

feat(core): apply glass effect to sticky DataTable header#340
antfu merged 1 commit into
vitejs:mainfrom
JianJroh:feat/datatable-glass-header

Conversation

@JianJroh
Copy link
Copy Markdown
Contributor

@JianJroh JianJroh commented May 12, 2026

Description

The sticky DataTable header used a transparent background, so the scrolled body rows visibly bled through it. Switching to a glass-style header — semi-transparent tint + backdrop blur — hides the rows behind it and matches the panel's bg-glass aesthetic.

Reproducible in the Recent Commits table of the plugin-git-ui example.

Before After
屏幕截图 2026-05-12 172354 屏幕截图 2026-05-12 171018
- 屏幕截图 2026-05-12 171003

Additional context

@pkg-pr-new
Copy link
Copy Markdown

pkg-pr-new Bot commented May 12, 2026

Open in StackBlitz

npm i https://pkg.pr.new/@vitejs/devtools@340
npm i https://pkg.pr.new/@vitejs/devtools-kit@340
npm i https://pkg.pr.new/@vitejs/devtools-rolldown@340
npm i https://pkg.pr.new/@vitejs/devtools-self-inspect@340

commit: 565e3be

@JianJroh JianJroh force-pushed the feat/datatable-glass-header branch from 3045680 to 565e3be Compare May 13, 2026 02:40
@antfu antfu merged commit 7c0f580 into vitejs:main May 14, 2026
6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants