fixed-data-table-2
Version:
A React table component designed to allow presenting thousands of rows of data.
1 lines • 4.68 kB
CSS
.fixedDataTableCellGroupLayout_cellGroup{-webkit-backface-visibility:hidden;backface-visibility:hidden;left:0;overflow:hidden;position:absolute;top:0;white-space:nowrap}.fixedDataTable_isRTL .fixedDataTableCellGroupLayout_cellGroup{left:auto;right:0}.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main{display:inline-block;vertical-align:top;white-space:normal}.fixedDataTableCellGroupLayout_cellGroupWrapper{position:absolute;top:0}.fixedDataTableCellLayout_main{border-right-style:solid;border-width:0 1px 0 0;box-sizing:border-box;display:block;overflow:hidden;position:absolute;white-space:normal}.fixedDataTable_isRTL .fixedDataTableCellLayout_main{border-left-style:solid;border-left-width:1px;border-right-width:0}.fixedDataTableCellLayout_lastChild{border-width:0 1px 1px 0}.fixedDataTableCellLayout_alignRight{text-align:right}.fixedDataTableCellLayout_alignCenter{text-align:center}.fixedDataTableCellLayout_wrap{box-sizing:border-box;display:table-cell;vertical-align:middle}.fixedDataTableCellLayout_wrap1{display:table}.fixedDataTableCellLayout_wrap2{display:table-row}.fixedDataTableCellLayout_wrap3{display:table-cell;vertical-align:middle}.fixedDataTableCellLayout_columnResizerContainer{position:absolute;right:0;width:6px;z-index:1}.fixedDataTable_isRTL .fixedDataTableCellLayout_columnResizerContainer{left:0;right:auto}.fixedDataTableCellLayout_columnResizerContainer:hover{background-color:#0284ff;cursor:ew-resize}.fixedDataTableColumnResizerLineLayout_mouseArea{cursor:ew-resize;position:absolute;right:-5px;width:12px}.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_mouseArea{left:-5px;right:auto}.fixedDataTableColumnResizerLineLayout_main{border-right-style:solid;border-right-width:1px;box-sizing:border-box;pointer-events:none;position:absolute;z-index:100}.fixedDataTable_isRTL .fixedDataTableColumnResizerLineLayout_main{border-left-style:solid;border-left-width:1px;border-right-width:0}.fixedDataTableLayout_main{border-style:solid;border-width:1px;box-sizing:border-box;overflow:hidden;position:relative}.fixedDataTableLayout_hasBottomBorder,.fixedDataTableLayout_header{border-bottom-style:solid;border-bottom-width:1px}.fixedDataTableLayout_footer .public_fixedDataTableCell_main{border-top-style:solid;border-top-width:1px}.fixedDataTableLayout_bottomShadow,.fixedDataTableLayout_topShadow{height:4px;left:0;position:absolute;right:0;z-index:1}.fixedDataTableLayout_bottomShadow{margin-top:-4px}.fixedDataTableLayout_rowsContainer{overflow:hidden;position:relative}.ScrollbarLayout_main{box-sizing:border-box;outline:none;overflow:hidden;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ScrollbarLayout_mainVertical{bottom:0;right:0;top:0;width:15px}.ScrollbarLayout_mainHorizontal{height:15px;left:0}.ScrollbarLayout_face{align-items:center;display:flex;justify-content:center;left:0;overflow:hidden;position:absolute;z-index:1}.ScrollbarLayout_face:after{border-radius:6px;content:"";display:block;position:absolute;transition-duration:.25s;transition-property:background-color,height,width;transition-timing-function:ease}.ScrollbarLayout_faceHorizontal{bottom:0;left:0;top:0}.ScrollbarLayout_faceHorizontal:after{height:calc(100% - 8px);width:100%}.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal,.fixedDataTable_isRTL .ScrollbarLayout_faceHorizontal:after{left:auto;right:0}.ScrollbarLayout_faceHorizontal.public_Scrollbar_faceActive:after,.ScrollbarLayout_main:hover .ScrollbarLayout_faceHorizontal:after{height:calc(100% - 4px)}.ScrollbarLayout_faceVertical{left:0;right:0;top:0}.ScrollbarLayout_faceVertical:after{height:100%;width:calc(100% - 8px)}.ScrollbarLayout_faceVertical.public_Scrollbar_faceActive:after,.ScrollbarLayout_main:hover .ScrollbarLayout_faceVertical:after{width:calc(100% - 4px)}.fixedDataTableRowLayout_main{box-sizing:border-box;overflow:hidden;position:absolute;top:0}.fixedDataTableRowLayout_body{left:0;position:absolute;right:0;top:0}.fixedDataTableRowLayout_rowExpanded{box-sizing:border-box;left:0;position:absolute}.fixedDataTableRowLayout_fixedColumnsDivider{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-left-style:solid;border-left-width:1px;left:0;position:absolute;top:0;width:0}.fixedDataTable_isRTL .fixedDataTableRowLayout_fixedColumnsDivider{border-left-width:0;border-right-style:solid;border-right-width:1px}.fixedDataTableRowLayout_columnsShadow{position:absolute;width:4px}.fixedDataTableRowLayout_columnsRightShadow{right:1px}.fixedDataTable_isRTL .fixedDataTableRowLayout_columnsRightShadow{left:1px;right:auto}.fixedDataTableRowLayout_rowWrapper{position:absolute;top:0}