support both left and right column pinning

This commit is contained in:
jeffvli
2025-10-03 18:06:52 -07:00
parent 00e7b4a9d5
commit 3e0e3f9984
2 changed files with 291 additions and 91 deletions
@@ -23,7 +23,7 @@
min-height: 0;
}
.item-table-sticky-rows-container {
.item-table-pinned-rows-container {
display: flex;
flex: 1 1 auto;
flex-direction: column;
@@ -31,26 +31,33 @@
min-height: 0;
}
.item-table-sticky-rows-grid-container {
.item-table-pinned-rows-grid-container {
position: relative;
flex: 0 1 auto;
min-width: 0;
}
.item-table-sticky-columns-grid-container {
.item-table-pinned-columns-grid-container {
display: flex;
flex: 0 1 auto;
flex-direction: column;
min-height: 0;
}
.item-table-sticky-intersection-grid-container {
.item-table-pinned-intersection-grid-container {
position: relative;
flex: 0 1 auto;
min-width: 0;
}
.item-table-sticky-columns-container {
.item-table-pinned-columns-container {
flex: 1 1 auto;
min-width: 0;
height: 100%;
min-height: 0;
}
.item-table-pinned-right-columns-container {
flex: 1 1 auto;
min-width: 0;
height: 100%;
@@ -65,7 +72,7 @@
height: 100%;
}
.item-table-sticky-header-shadow {
.item-table-pinned-header-shadow {
position: absolute;
top: 100%;
right: 0;
@@ -97,6 +104,22 @@
);
}
.item-table-right-scroll-shadow {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
width: 8px;
pointer-events: none;
background: linear-gradient(
to left,
rgb(0 0 0 / 50%) 0%,
rgb(0 0 0 / 5%) 50%,
transparent 100%
);
}
.list-expanded-container {
height: 500px;
}