fixed-data-table-2
Version:
A React table component designed to allow presenting thousands of rows of data.
1 lines • 3.77 kB
CSS
.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}.public_fixedDataTableRow_main{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_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_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal{background-color:#fff}.public_fixedDataTableColumnResizerLine_main{border-color:#0284ff;width:1px}