ivue-material-plus/dist/unplugin-vue-components/styles/ivue-table.css

A high quality UI components Library with Vue.js

:root{--ivue-table-placeholder-color:#9ab0c6;--ivue-table-row-hover-cell-bg:#eeeeee;--ivue-table-stripe-body-cell-bg:#fafafa;--ivue-table-group-cell-bg:#f5f7fa}.ivue-table{position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%;max-width:100%;background-color:var(--ivue-white-color);font-size:var(--ivue-font-base-size);color:var(--ivue-text-color)}.ivue-table thead{font-weight:500}.ivue-table .cell{-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;white-space:normal;word-break:break-all;line-height:23px;padding:0 12px;-webkit-transition:var(--ivue-all-transition);transition:var(--ivue-all-transition)}.ivue-table .cell-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.ivue-table .highlight{color:var(--ivue-primary-color)}.ivue-table:not(.ivue-table-border) .ivue-table-cell{border-right:none}.ivue-table-hidden{position:absolute;z-index:-1;visibility:hidden}.ivue-table-fullWidth{border-right:0;border-bottom:0}.ivue-table-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ivue-table-content .ivue-scrollbar-bar{z-index:2}.ivue-table-content::before{content:"";position:absolute;background-color:var(--ivue-border-color);left:0;bottom:0;width:100%;height:1px;z-index:3}.ivue-table-content::after{left:0;top:0;width:100%;height:1px;z-index:3}.ivue-table-content tr:first-child th:first-child{border-left:none}.ivue-table-cell{padding:8px 0;min-width:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;vertical-align:middle;position:relative;text-align:left;z-index:1}.ivue-table-cell .ivue-table--expand-icon{width:20px;height:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivue-table-cell .ivue-table--expand-icon .ivue-icon{line-height:20px}.ivue-table-cell.is-center .cell{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ivue-table-cell.is-right .cell{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.ivue-table-cell.is-left .cell{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.ivue-table th.ivue-table-cell{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ivue-table th.ivue-table-cell>.cell{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;width:100%;vertical-align:middle}.ivue-table th.ivue-table-cell.is-leaf{border-bottom:1px solid var(--ivue-border-color)}.ivue-table td.ivue-table-cell{border-bottom:1px solid var(--ivue-border-color)}.ivue-table .is-sortable{cursor:pointer}.ivue-table .is-filterable{cursor:inherit}.ivue-table .ascending .ivue-table-header--ascending{color:var(--ivue-primary-color)}.ivue-table .descending .ivue-table-header--descending{color:var(--ivue-primary-color)}.ivue-table-header{table-layout:fixed;border-collapse:separate}.ivue-table-header--wrapper{overflow:hidden;width:100%;-ms-flex-negative:0;flex-shrink:0}.ivue-table-header--sortable{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;padding-left:2px;cursor:pointer}.ivue-table-header--sortable .ivue-icon{width:auto;min-width:auto;height:auto;line-height:1;font-size:24px;color:var(--ivue-arrow-color);margin:initial;height:8px;overflow:hidden}.ivue-table-border .ivue-table-content::after{content:"";position:absolute;background-color:var(--ivue-border-color)}.ivue-table-border .ivue-table-cell{border-right:1px solid var(--ivue-border-color);border-bottom:1px solid var(--ivue-border-color)}.ivue-table-border .ivue-table-footer--wrapper{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:-2px}.ivue-table-border::before{content:"";position:absolute;top:-1px;left:0;width:1px;height:100%;background-color:var(--ivue-border-color);z-index:3}.ivue-table-border::after{content:"";position:absolute;top:-1px;right:0;width:1px;height:100%;background-color:var(--ivue-border-color);z-index:3}.ivue-table-column-resize-proxy{position:absolute;left:200px;top:0;bottom:0;width:0;border-left:1px solid var(--ivue-border-color);z-index:10}.ivue-table-body-wrapper{position:relative;overflow:hidden;width:100%}.ivue-table-body{border-collapse:separate}.ivue-table-body .highlight-current-row>.ivue-table-cell{background-color:rgba(91,142,255,.3)}.ivue-table-placeholder{position:sticky;left:0;right:0;min-height:60px;text-align:center;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ivue-table-placeholder--text{line-height:60px;width:50%;color:var(--ivue-table-placeholder-color)}.ivue-table-row.hover-row .ivue-table-cell{background-color:var(--ivue-table-row-hover-cell-bg)}.ivue-table-stripe .ivue-table-body tr.ivue-table-row--stripe td.ivue-table-cell{background:var(--ivue-table-stripe-body-cell-bg)}.ivue-table-nofixed-row-hover .ivue-table-body tr:hover>td.ivue-table-cell{background-color:var(--ivue-table-row-hover-cell-bg)}.ivue-table-nofixed-row-transition .ivue-table-body td.ivue-table-cell{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}.ivue-table-fixed-column--left,.ivue-table-fixed-column--right{position:sticky!important;z-index:2;background-color:var(--ivue-white-color)}.ivue-table-fixed-column--right.is-first-column::before{left:-10px}.ivue-table-fixed-column--left.is-last-column::before{right:-10px}.ivue-table-group .is-group th.ivue-table-cell{background:var(--ivue-table-group-cell-bg)}.ivue-table .cell.ivue-table-tooltip{white-space:nowrap;min-width:50px;overflow:hidden}.ivue-table .ivue-tooltip{display:-webkit-box;display:-ms-flexbox;display:flex}.ivue-table .ivue-tooltip-arrow::after{display:none}.ivue-table-filter-panel{cursor:pointer;padding:0!important}.ivue-table-filter-panel-icon{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:auto;min-width:auto;height:auto;font-weight:initial;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;color:var(--ivue-arrow-color)}.ivue-table-filter-panel-visible{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.ivue-table-filter-panel-content{min-width:100px}.ivue-table-filter-panel-checkbox-group{padding:10px}.ivue-table-filter-panel-checkbox-group .ivue-checkbox-group--item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:5px;margin-bottom:12px;margin-left:5px;height:unset}.ivue-table-filter-panel-checkbox-group .ivue-checkbox-group--item:last-child{margin-bottom:0}.ivue-table-filter-panel-checkbox-group .ivue-checkbox-label-text{padding-left:6px}.ivue-table-filter-panel-bottom{border-top:1px solid var(--ivue-border-color);padding:8px}.ivue-table-filter-panel-bottom button{background:0 0;border:none;color:var(--ivue-text-color);cursor:pointer;font-size:13px;padding:0 3px;-webkit-transition:var(--ivue-all-transition);transition:var(--ivue-all-transition)}.ivue-table-filter-panel-bottom button:hover{color:var(--ivue-primary-color)}.ivue-table-filter-panel-bottom .is-disabled{color:var(--ivue-disabled-color)!important;cursor:not-allowed}.ivue-table-filter-panel-list{padding:5px 0;margin:0;list-style:none;min-width:100px}.ivue-table-filter-panel-list--item{line-height:36px;padding:0 10px;cursor:pointer;font-size:14px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ivue-table-filter-panel-list--item:hover{color:var(--ivue-primary-color);background:rgba(91,142,255,.1)}.ivue-table-filter-panel-list--active{color:var(--ivue-white-color)!important;background:var(--ivue-primary-color)!important}.ivue-table-filter-panel .ivue-scrollbar-wrapper{max-height:280px}.ivue-table-filter-panel .ivue-tooltip-inner{padding:0;border:1px solid var(--ivue-border-color)}.ivue-table--expand-icon{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--ivue-arrow-color);font-size:12px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);height:20px;cursor:pointer;vertical-align:middle}.ivue-table--expand-icon .ivue-icon{display:inline-block;width:auto;height:auto;min-width:auto;font-size:20px;vertical-align:initial}.ivue-table--expand-icon__expandend{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.ivue-table--expand-cell{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.ivue-table--expand-cell:hover{background-color:transparent!important}.ivue-table-indent--placeholder{display:inline-block;width:20px}.ivue-table-circular{width:15px;height:15px;-webkit-animation:loading-rotate 2s linear infinite;animation:loading-rotate 2s linear infinite}.ivue-table-circular .path{-webkit-animation:loading-dash 1.5s ease-in-out infinite;animation:loading-dash 1.5s ease-in-out infinite;stroke-dasharray:90,150;stroke-dashoffset:0;stroke-width:3;stroke:var(--ivue-arrow-color);stroke-linecap:round}.ivue-table-footer{table-layout:fixed;border-collapse:separate}.ivue-table-footer--wrapper{overflow:hidden;width:100%}.ivue-table-footer--wrapper tbody td.ivue-table-cell{background-color:var(--ivue-table-row-hover-cell-bg);color:var(--ivue-text-color)}@-webkit-keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}@keyframes loading-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40px}100%{stroke-dasharray:90,150;stroke-dashoffset:-120px}}.ivue-table.is-scrolling-left .ivue-table-fixed-column--right.ivue-table-cell,.ivue-table.is-scrolling-middle .ivue-table-fixed-column--right.ivue-table-cell{border-left:none}.ivue-table.is-scrolling-left .ivue-table-fixed-column--right.is-first-column::before,.ivue-table.is-scrolling-middle .ivue-table-fixed-column--right.is-first-column::before{content:"";position:absolute;top:0;width:10px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:none;box-shadow:none;-ms-touch-action:none;touch-action:none;pointer-events:none;-webkit-box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15);box-shadow:inset -10px 0 10px -10px rgba(0,0,0,.15)}.ivue-table.is-scrolling-middle .ivue-table-fixed-column--left.ivue-table-cell,.ivue-table.is-scrolling-right .ivue-table-fixed-column--left.ivue-table-cell{border-right:none}.ivue-table.is-scrolling-middle .ivue-table-fixed-column--left.is-last-column::before,.ivue-table.is-scrolling-right .ivue-table-fixed-column--left.is-last-column::before{content:"";position:absolute;top:0;width:10px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;-webkit-box-shadow:none;box-shadow:none;-ms-touch-action:none;touch-action:none;pointer-events:none;-webkit-box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15);box-shadow:inset 10px 0 10px -10px rgba(0,0,0,.15)}