/* .table-bordered { border: none; } .table-bordered th, .table-bordered td { border-width: 0 1px 1px 0 !important; border-color: #b7b7b7; } .table-bordered tr:first-child th, .table-bordered tr:first-child td { border-top-width: 1px !important; } .table-bordered th:first-child, .table-bordered td:first-child { border-left-width: 1px !important; } .table-bordered th:last-child, .table-bordered td:last-child { border-right-width: 1px !important; } .table-bordered thead tr:last-child th { border-bottom-width: 2px !important; border-bottom-color: #b7b7b7; } */ div.table-sticky-padding-container { position: relative; .padding-mask { position: absolute; z-index: 40; padding: 0; background-color: white; /*display: none;*/ } } div.table-sticky-container { overflow-x: auto; overflow-y: auto; background-color: white; table, thead, tfoot, tbody, tr, td, th { background-color: inherit; } } table.table-sticky { border: none; border-collapse: separate !important; border-spacing: 0px !important; //border-spacing: 5px !important; margin: 0 !important; z-index: 10; .cell-sticky-top, .cell-sticky-bottom, .cell-sticky-left, .cell-sticky-right { position: -webkit-sticky !important; position: sticky !important; z-index: 20; //background-color: #1e6bb8 !important; } .cell-sticky-top.cell-sticky-left, .cell-sticky-top.cell-sticky-right, .cell-sticky-bottom.cell-sticky-left, .cell-sticky-bottom.cell-sticky-right { z-index: 30; } //.cell-last-sticky-top {background-color: #1e7e34 !important;} //.cell-last-sticky-left {background-color: #1e6bb8 !important;} //.cell-first-sticky-bottom { background-color: #795da3 !important; } //.cell-first-sticky-right { background-color: #a71d5d !important; } //.cell-last-before-sticky-bottom { background-color: #9cb2b6 !important; } //.cell-last-before-sticky-right { background-color: #9fcdff !important; } //.cell-first-top { background-color: #f1b0b7 !important; } //.cell-first-left { background-color: #ffff00 !important; } //.cell-not-sticky-left-right.cell-not-sticky-top-bottom { background-color: #ed6a43; } th.cell-not-sticky-left-right:not(.cell-first-left), td.cell-not-sticky-left-right:not(.cell-first-left) { border-left-width: 0 !important; } th.cell-not-sticky-left-right.cell-last-before-sticky-right, td.cell-not-sticky-left-right.cell-last-before-sticky-right { border-right-width: 0 !important; } th.cell-sticky-right:not(.cell-first-sticky-right), td.cell-sticky-right:not(.cell-first-sticky-right) { border-left-width: 0 !important; } th.cell-sticky-left:not(.cell-first-left), td.cell-sticky-left:not(.cell-first-left) { border-left-width: 0 !important; } th:not(:first-child):not(.cell-sticky-left):not(.cell-sticky-right):not(.cell-not-sticky-left-right):not(.cell-first-sticky-right):not(.cell-first-left), td:not(:first-child):not(.cell-sticky-left):not(.cell-sticky-right):not(.cell-not-sticky-left-right):not(.cell-first-sticky-right):not(.cell-first-left) { border-left-width: 0 !important; } th.cell-not-sticky-top-bottom:not(.cell-first-top), td.cell-not-sticky-top-bottom:not(.cell-first-top) { border-top-width: 0 !important; } th.cell-not-sticky-top-bottom.cell-last-before-sticky-bottom, td.cell-not-sticky-top-bottom.cell-last-before-sticky-bottom { border-bottom-width: 0 !important; } th.cell-sticky-bottom:not(.cell-first-sticky-bottom), td.cell-sticky-bottom:not(.cell-first-sticky-bottom) { border-top-width: 0 !important; } th.cell-sticky-top:not(.cell-first-top), td.cell-sticky-top:not(.cell-first-top) { border-top-width: 0 !important; } tr:not(:first-child) th:not(.cell-sticky-top):not(.cell-sticky-bottom):not(.cell-not-sticky-top-bottom):not(.cell-first-sticky-bottom):not(.cell-first-top), td:not(.cell-sticky-top):not(.cell-sticky-bottom):not(.cell-not-sticky-top-bottom):not(.cell-first-sticky-bottom):not(.cell-first-top) { border-top-width: 0 !important; } }