@blueking/vxe-table/es/vxe-grid/style.css

一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟树、列拖拽，懒加载、快捷菜单、数据校验、树形结构、打印、导入导出、自定义模板、渲染器、JSON 配置式...

.vxe-grid {
  position: relative;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.vxe-grid.is--loading:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: var(--vxe-ui-loading-background-color);
}
.vxe-grid.is--loading > .vxe-table .vxe-loading {
  background-color: transparent;
}
.vxe-grid.is--maximize {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0.5em 1em;
  background-color: var(--vxe-ui-layout-background-color);
}
.vxe-grid .vxe-grid--form-wrapper,
.vxe-grid .vxe-grid--top-wrapper,
.vxe-grid .vxe-grid--bottom-wrapper {
  position: relative;
}
.vxe-grid .vxe-grid--table-container {
  display: flex;
  flex-direction: row;
}
.vxe-grid .vxe-grid--left-wrapper,
.vxe-grid .vxe-grid--right-wrapper {
  flex-shrink: 0;
  overflow: auto;
  outline: 0;
}
.vxe-grid .vxe-grid--table-wrapper {
  flex-grow: 1;
  overflow: hidden;
}

.vxe-grid--layout-body-wrapper {
  display: flex;
  flex-direction: row;
  overflow: auto;
  flex-grow: 1;
}

.vxe-grid--layout-body-content-wrapper {
  flex-grow: 1;
  overflow: auto;
}

.vxe-grid--layout-header-wrapper,
.vxe-grid--layout-footer-wrapper,
.vxe-grid--layout-aside-left-wrapper,
.vxe-grid--layout-aside-left-wrapper {
  flex-shrink: 0;
  overflow: auto;
}

.vxe-grid {
  font-size: var(--vxe-ui-font-size-default);
}
.vxe-grid.size--medium {
  font-size: var(--vxe-ui-font-size-medium);
}
.vxe-grid.size--small {
  font-size: var(--vxe-ui-font-size-small);
}
.vxe-grid.size--mini {
  font-size: var(--vxe-ui-font-size-mini);
}