.frzTbl {
width: 100%; height: 1245px; position: relative;
max-width: 100%;
overflow: visible;
}
.frzTbl-scroll-overlay {
overflow: scroll;
scrollbar-width: none;
position: relative;
z-index: 4;
pointer-events: none;
height: 100% !important;
width: 100% !important;
}
.frzTbl:hover .frzTbl-scroll-overlay {
opacity: 1;
}
.frzTbl--scrolling .frzTbl-scroll-overlay {
pointer-events: auto;
}
.frzTbl-content-wrapper,
.frzTbl-frozen-columns-wrapper,
.frzTbl-table-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.frzTbl-content-wrapper {
overflow: visible;
} .frzTbl.frzTbl--intrinsic-height {
height: auto !important;
min-height: 0;
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto;
}
.frzTbl.frzTbl--intrinsic-height > .frzTbl-scroll-overlay,
.frzTbl.frzTbl--intrinsic-height > .frzTbl-content-wrapper {
grid-column: 1;
grid-row: 1;
}
.frzTbl.frzTbl--intrinsic-height > .frzTbl-content-wrapper {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: 100%;
overflow: visible;
align-self: start;
}
.frzTbl.frzTbl--intrinsic-height > .frzTbl-scroll-overlay {
width: 100% !important;
height: 100% !important;
align-self: stretch;
}
.frzTbl.frzTbl--intrinsic-height .frzTbl-scroll-overlay__inner {
width: 100% !important;
height: 100% !important;
min-width: 100%;
min-height: 100%;
box-sizing: border-box;
}
.frzTbl.frzTbl--intrinsic-height .frzTbl-table-wrapper {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
overflow: visible;
}
.frzTbl.frzTbl--intrinsic-height .frzTbl-table-wrapper__inner {
width: auto !important;
height: auto !important;
min-width: 100%;
}
.frzTbl.frzTbl--intrinsic-height
.frzTbl-table-wrapper__inner
> table.frzTbl-table {
position: relative !important;
top: auto !important;
left: auto !important;
}
html[dir="rtl"]
.frzTbl.frzTbl--intrinsic-height
.frzTbl-table-wrapper__inner
> table.frzTbl-table {
left: auto !important;
right: auto !important;
}
.frzTbl-fixed-heading-wrapper-outer {
position: fixed;
top: 0;
z-index: 3;
display: block;
width: 100%;
transform: translateY(0);
transition:
0.1s opacity,
0.2s transform;
}
.frzTbl-fixed-heading-wrapper-outer:after {
content: "";
display: block;
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 6px;
pointer-events: none;
background: linear-gradient(180deg, rgb(0 0 0 / 25%), transparent);
}
.frzTbl--scrolled-above-top .frzTbl-fixed-heading-wrapper-outer,
.frzTbl--scrolled-completely-below-bottom .frzTbl-fixed-heading-wrapper-outer {
pointer-events: none;
opacity: 0;
transform: translateY(-10px);
}
.frzTbl-force-parent-overlow-visible {
overflow: visible !important;
}
.frzTbl-fixed-heading-wrapper {
position: absolute;
left: 0;
right: 0;
overflow-x: hidden;
}
.frzTbl-fixed-heading-wrapper__columns {
position: absolute;
left: 0;
z-index: 1;
height: 100%;
}
.frzTbl-fixed-heading-wrapper__columns--right {
left: auto;
right: 0;
}
.frzTbl-frozen-columns-wrapper {
z-index: 3;
pointer-events: none;
}
.frzTbl-frozen-columns-wrapper .frzTbl-frozen-columns-wrapper__columns {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
height: 100%;
}
.frzTbl-frozen-columns-wrapper__columns.frzTbl-frozen-columns-wrapper__columns--right,
.frzTbl-fixed-heading-wrapper__columns.frzTbl-fixed-heading-wrapper__columns--right {
right: 0;
left: auto;
border-width: 0 0 0 1px;
}
.frzTbl-frozen-columns-wrapper__columns:before,
.frzTbl-fixed-heading-wrapper__columns:before {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 1px;
background: rgba(0, 0, 0, 0.1);
transform: translateX(100%);
}
.frzTbl-frozen-columns-wrapper__columns.frzTbl-frozen-columns-wrapper__columns--right:before,
.frzTbl-fixed-heading-wrapper__columns.frzTbl-fixed-heading-wrapper__columns--right:before {
right: auto;
left: -2px;
}
.frzTbl-frozen-columns-wrapper__columns:after,
.frzTbl-fixed-heading-wrapper__columns:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 6px;
background: linear-gradient(270deg, rgb(0 0 0 / 25%), transparent);
transform: translateX(100%);
transition: 0.1s width;
}
.frzTbl-frozen-columns-wrapper__columns--left:after,
.frzTbl-fixed-heading-wrapper__columns:after {
background: linear-gradient(90deg, rgb(0 0 0 / 25%), transparent);
}
.frzTbl-frozen-columns-wrapper__columns.frzTbl-frozen-columns-wrapper__columns--right:after,
.frzTbl-fixed-heading-wrapper__columns.frzTbl-fixed-heading-wrapper__columns--right:after {
right: auto;
left: 0;
transform: translateX(-100%);
}
.frzTbl.frzTbl--scrolled-to-left-edge
.frzTbl-frozen-columns-wrapper__columns.frzTbl-frozen-columns-wrapper__columns--left:after,
.frzTbl.frzTbl--scrolled-to-right-edge
.frzTbl-frozen-columns-wrapper__columns.frzTbl-frozen-columns-wrapper__columns--right:after,
.frzTbl.frzTbl--scrolled-to-left-edge
.frzTbl-fixed-heading-wrapper__columns.frzTbl-fixed-heading-wrapper__columns--left:after,
.frzTbl.frzTbl--scrolled-to-right-edge
.frzTbl-fixed-heading-wrapper__columns.frzTbl-fixed-heading-wrapper__columns--right:after {
width: 0;
}
.frzTbl.frzTbl--scrolled-to-left-edge
.frzTbl-frozen-columns-wrapper__columns--empty.frzTbl-frozen-columns-wrapper__columns--left:before,
.frzTbl.frzTbl--scrolled-to-right-edge
.frzTbl-frozen-columns-wrapper__columns--empty.frzTbl-frozen-columns-wrapper__columns--right:before,
.frzTbl.frzTbl--scrolled-to-left-edge
.frzTbl-fixed-heading-wrapper__columns--empty.frzTbl-fixed-heading-wrapper__columns--left:before,
.frzTbl.frzTbl--scrolled-to-right-edge
.frzTbl-fixed-heading-wrapper__columns--empty.frzTbl-fixed-heading-wrapper__columns--right:before {
display: none !important;
}
.frzTbl.frzTbl--scrolled-to-left-edge.frzTbl.frzTbl--scrolled-to-right-edge
.frzTbl-frozen-columns-wrapper__columns {
display: none !important;
}
.frzTbl-frozen-columns-wrapper__columns > table {
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-top-width: 0 !important;
}
.frzTbl-frozen-columns-wrapper__columns > .frzTbl-top-sticky--empty + table {
position: relative;
}
.frzTbl-frozen-columns-wrapper__columns--right > table {
left: auto;
right: 0;
}
.frzTbl-table-wrapper {
z-index: 1;
}
.frzTbl-scroll-overlay__inner,
.frzTbl-table-wrapper__inner { width: 20000px; height: 20000px; min-width: 100%;
position: relative;
}
.frzTbl-table-wrapper__inner--overflow-check {
width: 100% !important;
}
.frzTbl-table-wrapper__inner--deflate {
width: auto;
height: auto;
}
.frzTbl-table-wrapper__inner--deflate > table {
min-width: 0 !important;
width: 100% !important;
}
.frzTbl-table-wrapper__inner--overflow-check > .frzTbl-table {
width: auto !important;
min-width: 0 !important;
}
.frzTbl-top-sticky {
width: 100%;
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 1; }
.frzTbl-table-wrapper__inner > table {
min-width: 0; width: auto;
position: absolute;
top: 0;
left: 0;
}
html[dir="rtl"] .frzTbl-table-wrapper__inner > table {
left: auto;
right: 0;
}
.frzTbl .antiscroll-scrollbar {
z-index: 4;
bottom: 0px;
height: 12px;
}
.frzTbl .antiscroll-scrollbar:after {
content: "";
background: transparent;
position: absolute;
left: 0;
top: -50%;
width: 100%;
height: 200%;
}
.frzTbl .antiscroll-scrollbar-vertical {
display: none !important;
}
.frzTbl-antiscroll-control-wrap {
position: fixed;
bottom: 0;
z-index: 2;
}
.frzTbl--scrolled-completely-above-top .frzTbl-antiscroll-control-wrap {
opacity: 0;
pointer-events: none;
}
.frzTbl--scrolled-below-bottom .frzTbl-antiscroll-control-wrap {
position: relative;
}
.frzTbl--hide-antiscroll .antiscroll-scrollbar-horizontal {
display: none !important;
} .frzTbl-clone-table {
width: auto !important;
min-width: 0 !important;
border-collapse: collapse !important;
}
.frzTbl--temp-wrapper {
height: 0;
overflow: hidden;
opacity: 0;
}
.frzTbl--temp-wrapper > div,
.frzTbl-table-wrapper__inner--unrestrict-table-wrapper {
position: relative;
width: 100000px !important;
}
.frzTbl--temp-wrapper > div > table,
.frzTbl-table-wrapper__inner--unrestrict-table-wrapper > table {
min-width: 0;
width: auto !important;
max-width: none !important;
}
.frzTbl--grab-and-scroll {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.frzTbl--grab-and-scroll a,
.frzTbl--grab-and-scroll img {
-webkit-user-drag: none;
}
.frzTbl--grab-and-scroll--grabbing {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.frzTbl:not(.frzTbl--init) .frzTbl-fixed-heading-wrapper-outer,
.frzTbl:not(.frzTbl--init) .frzTbl-frozen-columns-wrapper {
opacity: 0;
pointer-events: none;
} .frzTbl-table-wrapper__shadow-left,
.frzTbl-table-wrapper__shadow-right {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 0;
}
.frzTbl-table-wrapper__shadow-right {
left: auto;
right: 0;
}