fixed-data-table-2/dist/fixed-data-table.min.css

A React table component designed to allow presenting thousands of rows of data.

.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)}.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}.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}.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}.public_Scrollbar_main,.public_Scrollbar_main.public_Scrollbar_mainActive{background-color:#fff;border-left:1px solid #d3d3d3}.fixedDataTable_isRTL .public_Scrollbar_main,.fixedDataTable_isRTL .public_Scrollbar_main.public_Scrollbar_mainActive{border-left-width:0;border-right:1px solid #d3d3d3}.public_Scrollbar_mainOpaque,.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,.public_Scrollbar_mainOpaque:hover{background-color:#fff}.public_Scrollbar_face:after{background-color:#c2c2c2}.public_Scrollbar_faceActive:after,.public_Scrollbar_main:hover .public_Scrollbar_face:after,.public_Scrollbar_mainActive .public_Scrollbar_face:after{background-color:#7d7d7d}.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}.public_fixedDataTable_hasBottomBorder,.public_fixedDataTable_header,.public_fixedDataTable_main{border-color:#d3d3d3}.public_fixedDataTable_header .public_fixedDataTableCell_main{font-weight:700}.public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main,.public_fixedDataTable_scrollbarSpacer{background-color:#f6f7f8;background-image:linear-gradient(#fff,#efefef)}.public_fixedDataTable_scrollbarSpacer{position:absolute;top:0;z-index:99}.public_fixedDataTable_footer .public_fixedDataTableCell_main{background-color:#f6f7f8;border-color:#d3d3d3}.public_fixedDataTable_topShadow{background-image:linear-gradient(180deg,rgba(0,0,0,.1),transparent)}.public_fixedDataTable_bottomShadow{background-image:linear-gradient(0deg,rgba(0,0,0,.1),transparent)}.public_fixedDataTableRow_main,.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal{background-color:#fff}.public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main{background-color:#f6f7f8}.public_fixedDataTableRow_fixedColumnsDivider{border-color:#d3d3d3}.public_fixedDataTableRow_columnsShadow{background-image:linear-gradient(90deg,rgba(0,0,0,.1),transparent)}.fixedDataTable_isRTL .public_fixedDataTableRow_columnsShadow{background-image:linear-gradient(270deg,rgba(0,0,0,.1),transparent)}.public_fixedDataTableRow_columnsRightShadow{transform:rotate(180deg)}.public_fixedDataTableCell_main{background-color:#fff;border-color:#d3d3d3}.public_fixedDataTableCell_highlighted{background-color:#f4f4f4}.public_fixedDataTableCell_cellContent{padding:8px}.public_fixedDataTableCell_columnResizerKnob{background-color:#0284ff}.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent{margin-left:12px}.public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent{padding-left:20px}.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap1 .public_fixedDataTableCell_cellContent{margin-left:auto;margin-right:12px}.fixedDataTable_isRTL .public_fixedDataTableCell_hasReorderHandle .public_fixedDataTableCell_wrap.public_fixedDataTableCell_cellContent{padding-right:20px}.public_fixedDataTableCell_reordering{z-index:2}.public_fixedDataTableCell_resizeReorderCellContainer{background-color:#f6f7f8;background-image:linear-gradient(#fff,#efefef);border-right:1px solid;border-color:#d3d3d3;position:fixed}.fixedDataTableCellLayout_columnReorderContainer{background-color:rgba(0,0,0,.1);border-color:#0284ff;cursor:move;float:left;margin-right:-12px;width:12px}.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer{float:right;margin-left:-12px;margin-right:auto}.fixedDataTableCellLayout_columnReorderContainer:after{content:"::";left:1px;position:absolute;top:50%;transform:translateY(-50%)}.fixedDataTable_isRTL .fixedDataTableCellLayout_columnReorderContainer:after{left:auto;right:1px}.public_fixedDataTableColumnResizerLine_main{border-color:#0284ff;width:1px}