table.dataTable thead tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable tfoot tr > .dtfc-fixed-end { top: 0; bottom: 0; z-index: 3; background-color: white; } table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end { z-index: 1; background-color: white; } table.dataTable tr > .dtfc-fixed-left::after, table.dataTable tr > .dtfc-fixed-right::after { position: absolute; top: 0; bottom: 0; width: 10px; transition: box-shadow 0.3s; content: ""; pointer-events: none; } table.dataTable tr > .dtfc-fixed-left::after { right: 0; transform: translateX(100%); } table.dataTable tr > .dtfc-fixed-right::after { left: 0; transform: translateX(-80%); } table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2); } table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2); } table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right::after { box-shadow: none; } div.dt-scroll, div.dtfh-floatingparent { position: relative; } div.dt-scroll div.dtfc-top-blocker, div.dt-scroll div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker { position: absolute; background-color: white; } html.dark table.dataTable thead tr > .dtfc-fixed-start, html.dark table.dataTable thead tr > .dtfc-fixed-end, html.dark table.dataTable tfoot tr > .dtfc-fixed-start, html.dark table.dataTable tfoot tr > .dtfc-fixed-end { background-color: var(--dt-html-background); } html.dark table.dataTable tbody tr > .dtfc-fixed-start, html.dark table.dataTable tbody tr > .dtfc-fixed-end { background-color: var(--dt-html-background); } html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left::after { box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3); } html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right::after { box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3); } html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right::after { box-shadow: none; } html.dark div.dtfc-top-blocker, html.dark div.dtfc-bottom-blocker { background-color: var(--dt-html-background); } div.dtfc-top-blocker, div.dtfc-top-blocker { border-bottom: 0px solid #ddd !important; } table.dataTable { border-collapse: separate; } table.dataTable.table-bordered { border-left-width: 0; border-right-width: 0; } table.dataTable.table-bordered th, table.dataTable.table-bordered td { border-right-width: 0; border-top-width: 0; } table.dataTable.table-bordered th:last-child, table.dataTable.table-bordered td:last-child { border-right: 1px solid #dee2e6; } table.dataTable.table-bordered tr:last-child th, table.dataTable.table-bordered tr:last-child td { border-bottom-width: 0; } table.dataTable thead tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable tfoot tr > .dtfc-fixed-end { background-color: var(--bs-table-bg); } table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end { background-color: var(--bs-table-bg); } div.dtfc-top-blocker, div.dtfc-bottom-blocker { background-color: var(--bs-body-bg); } div.dt-scroll-body { border-left-color: var(--bs-table-color) !important; } div.dt-scroll-headInner table.table-bordered tr th:first-child, div.dt-scroll-footInner table.table-bordered tr th:first-child { border-left-color: var(--bs-border-color) !important; }