element-nice-ui
Version:
A Component Library for Vue.js.
1 lines • 4 kB
CSS
.el-new-table{width:100%;position:relative}.el-new-table__table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:separate}.el-new-table__table th{z-index:1;background:var(--primary-tint-color-9,#f5f7fa);padding:8px;top:0;position:sticky;overflow-wrap:break-word;user-select:none;-webkit-user-select:none}.el-new-table__table th.el-new-table__left-fixed,.el-new-table__table th.el-new-table__right-fixed{z-index:2}.el-new-table__table tr:hover td{background-color:#f5f7fa}.el-new-table__table tr:last-child td{border-bottom:1px solid #dee2e6}.el-new-table__table td{padding:8px;border-top:1px solid #dee2e6;background-color:#fff;overflow-wrap:break-word}.el-new-table--mini td,.el-new-table--mini th{padding:4px}.el-new-table--small td,.el-new-table--small th{padding:6px}.el-new-table--large td,.el-new-table--large th{padding:10px}.el-new-table__main{position:relative;overflow:auto;background-color:#fff}.el-new-table__loading{position:absolute;top:0;left:0;background-color:rgba(255,255,255,.9);width:100%;height:100%;z-index:3;display:flex;align-items:center;justify-content:center}.el-new-table__query-item{display:inline-flex;justify-content:space-between;align-items:center;align-content:center;vertical-align:middle;margin-bottom:6px}.el-new-table__query-item:not(:last-child){margin-right:8px}.el-new-table__query-label{font-size:14px;color:#999;flex-shrink:0;text-align:center;padding-right:4px;box-sizing:border-box}.el-new-table__left-last::after{content:"";pointer-events:none;width:4px;position:absolute;top:0;height:100%;right:0;box-shadow:3px 0 4px 0 #ddd}.el-new-table__right-first::before{content:"";pointer-events:none;width:4px;position:absolute;top:0;height:100%;left:0;box-shadow:-3px 0 4px 0 #ddd}.el-new-table__left-fixed,.el-new-table__right-fixed{z-index:0;position:sticky}.el-new-table__left-fixed{border-right:1px solid #dee2e6}.el-new-table__right-fixed{border-left:1px solid #dee2e6}.el-new-table__static+.el-new-table__static{border-left:1px solid #dee2e6}.el-new-table__tools{padding:6px 8px;margin-bottom:8px;border-radius:4px;background:#fff;display:flex;justify-content:space-between;align-items:center;align-content:center;flex-wrap:wrap}.el-new-table__tools-right>*{vertical-align:middle}.el-new-table__tools-right>:not(:last-child){margin-right:6px}.el-new-table__searcher{border-radius:4px;background:#fff;margin-bottom:8px;padding:6px 8px 0;display:flex;justify-content:space-between;align-items:flex-start;align-content:flex-start;flex-wrap:nowrap}.el-new-table__searcher-right{flex-shrink:0;margin-bottom:6px}.el-new-table__searcher-left{overflow:hidden}.el-new-table__column-config.el-popover{padding:0;box-sizing:border-box;outline:0}.el-new-table__column-config ul{margin:0;padding:4px 0}.el-new-table__column-config li{list-style:none;margin:0;padding:4px 6px;background-color:#fff;line-height:24px;user-select:none;-webkit-user-select:none}.el-new-table__column-config li i{font-size:18px;vertical-align:middle}.el-new-table__column-config li [class*=el-icon-]{cursor:pointer}.el-new-table__column-config li .handle{margin-right:10px;cursor:grab}.el-new-table__column-config li .column-fixed{color:var(--primary-color)}.el-new-table__column-config .column-item__ghost{opacity:0}.el-new-table__column-config-header{padding:6px 8px;border-bottom:1px solid #eee}.el-new-table__size-config{padding:4px 0}.el-new-table__size-config ul{margin:0;padding:0}.el-new-table__size-config li{list-style:none;margin:0;padding:4px 10px;cursor:pointer}.el-new-table__size-config li:hover{background-color:var(--primary-tint-color-9,rgb(235.9,245.3,255));color:var(--primary-color,#409eff)}.el-new-table__size-item--selected{background-color:var(--primary-tint-color-9,rgb(235.9,245.3,255));color:var(--primary-color,#409eff)}.el-new-table__header--resizing{cursor:col-resize}.el-new-table__handle{height:14px;cursor:col-resize;position:absolute;display:inline-block;right:0;top:0;bottom:0;margin:auto 0;width:3px;border-radius:3px;box-sizing:border-box}