@auraxy/react-table/lib/css/index.css

React table

.auraxy-table,.auraxy-table-fixed-head,.auraxy-table-fixed-left,.auraxy-table-fixed-right,.auraxy-table-content,.auraxy-table-left-content,.auraxy-table-right-content{color:#666;text-align:left;white-space:nowrap;letter-spacing:0;border-collapse:collapse;font-size:13px}.auraxy-table thead,.auraxy-table .thead,.auraxy-table-fixed-head thead,.auraxy-table-fixed-head .thead,.auraxy-table-fixed-left thead,.auraxy-table-fixed-left .thead,.auraxy-table-fixed-right thead,.auraxy-table-fixed-right .thead,.auraxy-table-content thead,.auraxy-table-content .thead,.auraxy-table-left-content thead,.auraxy-table-left-content .thead,.auraxy-table-right-content thead,.auraxy-table-right-content .thead{background:#fff}.auraxy-table tbody tr:nth-child(even),.auraxy-table .tbody .tr:nth-child(even),.auraxy-table-fixed-head tbody tr:nth-child(even),.auraxy-table-fixed-head .tbody .tr:nth-child(even),.auraxy-table-fixed-left tbody tr:nth-child(even),.auraxy-table-fixed-left .tbody .tr:nth-child(even),.auraxy-table-fixed-right tbody tr:nth-child(even),.auraxy-table-fixed-right .tbody .tr:nth-child(even),.auraxy-table-content tbody tr:nth-child(even),.auraxy-table-content .tbody .tr:nth-child(even),.auraxy-table-left-content tbody tr:nth-child(even),.auraxy-table-left-content .tbody .tr:nth-child(even),.auraxy-table-right-content tbody tr:nth-child(even),.auraxy-table-right-content .tbody .tr:nth-child(even){background:rgba(255,255,255,0.5)}.auraxy-table .tr,.auraxy-table-fixed-head .tr,.auraxy-table-fixed-left .tr,.auraxy-table-fixed-right .tr,.auraxy-table-content .tr,.auraxy-table-left-content .tr,.auraxy-table-right-content .tr{display:flex}.auraxy-table th,.auraxy-table .th,.auraxy-table .td,.auraxy-table td,.auraxy-table-fixed-head th,.auraxy-table-fixed-head .th,.auraxy-table-fixed-head .td,.auraxy-table-fixed-head td,.auraxy-table-fixed-left th,.auraxy-table-fixed-left .th,.auraxy-table-fixed-left .td,.auraxy-table-fixed-left td,.auraxy-table-fixed-right th,.auraxy-table-fixed-right .th,.auraxy-table-fixed-right .td,.auraxy-table-fixed-right td,.auraxy-table-content th,.auraxy-table-content .th,.auraxy-table-content .td,.auraxy-table-content td,.auraxy-table-left-content th,.auraxy-table-left-content .th,.auraxy-table-left-content .td,.auraxy-table-left-content td,.auraxy-table-right-content th,.auraxy-table-right-content .th,.auraxy-table-right-content .td,.auraxy-table-right-content td{padding:0 10px;border:1px solid #eee}.auraxy-table th,.auraxy-table .th,.auraxy-table-fixed-head th,.auraxy-table-fixed-head .th,.auraxy-table-fixed-left th,.auraxy-table-fixed-left .th,.auraxy-table-fixed-right th,.auraxy-table-fixed-right .th,.auraxy-table-content th,.auraxy-table-content .th,.auraxy-table-left-content th,.auraxy-table-left-content .th,.auraxy-table-right-content th,.auraxy-table-right-content .th{font-size:12px;height:30px;background:#fafafa}.auraxy-table td,.auraxy-table .td,.auraxy-table-fixed-head td,.auraxy-table-fixed-head .td,.auraxy-table-fixed-left td,.auraxy-table-fixed-left .td,.auraxy-table-fixed-right td,.auraxy-table-fixed-right .td,.auraxy-table-content td,.auraxy-table-content .td,.auraxy-table-left-content td,.auraxy-table-left-content .td,.auraxy-table-right-content td,.auraxy-table-right-content .td{height:34px}.auraxy-table .auraxy-table-no-data,.auraxy-table-fixed-head .auraxy-table-no-data,.auraxy-table-fixed-left .auraxy-table-no-data,.auraxy-table-fixed-right .auraxy-table-no-data,.auraxy-table-content .auraxy-table-no-data,.auraxy-table-left-content .auraxy-table-no-data,.auraxy-table-right-content .auraxy-table-no-data{text-align:center}.auraxy-table-wrapper{position:relative;display:inline-block;box-shadow:0 0 0 1px #eee inset;overflow:hidden}.auraxy-table-fixed-head-scroll-wrapper .ps__rail-y,.auraxy-table-fixed-head-scroll-wrapper .ps__rail-x{display:none !important}.auraxy-table-fixed-head{background:#fff;overflow:hidden}.auraxy-table-fixed-left,.auraxy-table-fixed-right{position:absolute;top:0;bottom:1px;left:0;background:#fff;overflow:hidden}.auraxy-table-fixed-left .ps__rail-y,.hide-scrollbar .ps__rail-y{display:none !important}.auraxy-table-fixed-head{width:100%}.auraxy-table-fixed-right{left:auto;right:0}.auraxy-table-content,.auraxy-table-left-content,.auraxy-table-right-content{margin-top:-1px}.left-shadow{box-shadow:4px 0 4px -3px rgba(0,0,0,0.1)}.right-shadow{box-shadow:-4px 0 4px -3px rgba(0,0,0,0.1)}.virtual-table{display:flex;flex-direction:column}.virtual-table .td,.virtual-table .th{box-sizing:border-box}.virtual-table .tbody{flex:1}