Skip to content

feature/pxweb2-896: New layout with virtualized table #1172

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.

Sign up for GitHub

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

Draft
SjurSutterudSagen wants to merge 34 commits into
base: main
Choose a base branch
from
Draft

feature/pxweb2-896: New layout with virtualized table #1172

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
75c446b
First draft new layout table page
PerIngeVaaje Mar 5, 2026
172e927
Sticky also for xlarge and xxlarge
PerIngeVaaje Mar 5, 2026
64bf8ec
Try to fix z-index problem
PerIngeVaaje Mar 5, 2026
ba6b413
refactor: New wrapper in TableViewer for handling centered main conte…
MikaelNordberg Mar 6, 2026
a72116b
Prettier code
MikaelNordberg Mar 6, 2026
65f17a9
fix: Adjust NavigationDrawer layout on medium devices
MikaelNordberg Mar 6, 2026
dea6a6a
Changed comment
MikaelNordberg Mar 6, 2026
bd93aea
Removed padding-top in main container to stabalize navigation drawer
MikaelNordberg Mar 6, 2026
87b6ac0
refactor: Simplify padding in NavigationDrawer and update Header comp…
MikaelNordberg Mar 9, 2026
4477751
Prettier code
MikaelNordberg Mar 9, 2026
a41218a
Remove page scrollbar when side sheet is open
PerIngeVaaje Mar 9, 2026
e2fa85e
feat: Enhance scrollbar management with new context properties for se…
SjurSutterudSagen Mar 10, 2026
7d9f42d
refactor: Adjust dimensions and background color in Navigation compon…
SjurSutterudSagen Mar 10, 2026
368bc43
Use simpler scrollToTop in footer on tableview
SjurSutterudSagen Mar 10, 2026
8edb248
Remove commented out code
SjurSutterudSagen Mar 10, 2026
83276f0
Make header sticy on large screens only
SjurSutterudSagen Mar 10, 2026
2e13ca2
fix: Remove unnecessary border-top from NavigationDrawer styles
SjurSutterudSagen Mar 10, 2026
b0d7642
Merge branch 'main' into feature/PXWEB-896-new-layout-table-page
Mar 10, 2026
0902f2b
Moved GlobalAlert from RootLayout to TableViewer and StartPage.
PerIngeVaaje Mar 11, 2026
0fe06ae
set position fixed for large breakpoint in NavigationDrawer
PerIngeVaaje Mar 11, 2026
fa829f3
feat: add sticky header offset to SkipToMain and update TableViewer i…
SjurSutterudSagen Mar 11, 2026
1c2c8e8
refactor: update refs in Footer, Presentation, and TableViewer compon…
SjurSutterudSagen Mar 11, 2026
a8f889c
hange base color in NavigationItem for NavBar
SjurSutterudSagen Mar 12, 2026
f8d267c
fix: increase padding-top in NavigationDrawer for improved layout
SjurSutterudSagen Mar 12, 2026
2045734
refactor: simplify media query breakpoints and remove unused small ta…
SjurSutterudSagen Mar 12, 2026
02f462c
fix: update max-width in contentAndFooterContainer for improved layout
SjurSutterudSagen Mar 12, 2026
fbe97ca
Merge branch 'main' into feature/PxWeb2-806-new-layout-with-virtualiz…
SjurSutterudSagen Mar 12, 2026
0891a1b
Add virtualized table with outer scroll
SjurSutterudSagen Mar 12, 2026
a06d25b
Merge branch 'main' into feature/PxWeb2-896-new-layout-with-virtualiz…
SjurSutterudSagen Mar 13, 2026
f944c24
refactor: update Table component virtualization to work at table leve…
MikaelNordberg Mar 16, 2026
590e5aa
Prettier code
MikaelNordberg Mar 16, 2026
201ed03
Merge branch 'feature/PxWeb2-896-new-layout-with-virtualized-table' o…
MikaelNordberg Mar 16, 2026
a8c4c8a
refactor: enhance table virtualization logic by separating window and…
MikaelNordberg Mar 17, 2026
674f3a9
Add comment about mobile performance
SjurSutterudSagen Mar 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions packages/pxweb2-ui/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@
"author": "",
"license": "MIT",
"dependencies": {
"@tanstack/react-virtual": "^3.13.21",
"@vitejs/plugin-react": "^5.1.4",
"clsx": "^2.1.1",
"hast-util-to-jsx-runtime": "^2.3.6",
Expand Down
21 changes: 21 additions & 0 deletions packages/pxweb2-ui/src/lib/components/Table/Table.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -255,4 +255,25 @@
background: var(--px-color-surface-moderate);
border: none;
}

.virtualPaddingCell {
padding: 0;
border: none;
background: none;
}
}

.virtualizedWrapper {
max-height: 70vh;
overflow-x: auto;
overflow-y: auto;
}

.virtualizedWrapperUseParentScroll {
max-height: none;
}

.virtualizedTable {
width: max-content;
min-width: 100%;
}
Loading
Loading