vxe-table/lib/header/style/style.css

一个基于 vue 的 PC 端表格组件，支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等...

@charset "UTF-8";
/*font*/
/*size*/
/*icon*/
/*color*/
/*input/radio/checkbox*/
/*popup*/
/*table*/
/*filter*/
/*menu*/
/*loading*/
/*validate*/
/*grid*/
/*toolbar*/
/*tooltip*/
/*modal*/
/*checkbox*/
/*radio*/
/*button*/
/*input*/
/*textarea*/
/*form*/
/*select*/
/*switch*/
.vxe-table {
  /*排序*/ }
  .vxe-table .vxe-table--header-wrapper .vxe-table--header-border-line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0;
    border-bottom: 1px solid #e8eaec; }
  .vxe-table .vxe-cell--sort {
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    position: relative; }
  .vxe-table .vxe-sort--asc-btn,
  .vxe-table .vxe-sort--desc-btn {
    position: absolute;
    left: 0.35em;
    color: #c0c4cc;
    width: 1em;
    text-align: center;
    cursor: pointer; }
    .vxe-table .vxe-sort--asc-btn:hover,
    .vxe-table .vxe-sort--desc-btn:hover {
      color: #606266; }
    .vxe-table .vxe-sort--asc-btn.sort--active,
    .vxe-table .vxe-sort--desc-btn.sort--active {
      color: #409eff; }
  .vxe-table .vxe-sort--asc-btn {
    top: -0.04em; }
  .vxe-table .vxe-sort--desc-btn {
    bottom: -0.04em; }

.vxe-header--column {
  position: relative;
  font-weight: 700;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .vxe-header--column.col--ellipsis > .vxe-cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .vxe-header--column.col--ellipsis > .vxe-cell .vxe-cell--title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .vxe-header--column.col--ellipsis > .vxe-cell > i:not(.vxe-cell--title),
    .vxe-header--column.col--ellipsis > .vxe-cell > span:not(.vxe-cell--title) {
      -ms-flex-negative: 0;
          flex-shrink: 0; }
  .vxe-header--column .vxe-cell--required-icon {
    display: inline-block;
    color: #f56c6c;
    width: 0.8em;
    height: 1em;
    line-height: 1em;
    font-family: Verdana, Arial, Tahoma;
    font-weight: normal;
    position: relative; }
    .vxe-header--column .vxe-cell--required-icon:before {
      content: "*";
      position: absolute;
      left: 0;
      top: 0.2em; }
  .vxe-header--column .vxe-cell--required-icon,
  .vxe-header--column .vxe-cell--edit-icon,
  .vxe-header--column .vxe-cell-help-icon,
  .vxe-header--column .vxe-cell--title {
    vertical-align: middle; }
  .vxe-header--column .vxe-cell--required-icon {
    margin-right: 0.1em; }
  .vxe-header--column .vxe-cell--edit-icon,
  .vxe-header--column .vxe-cell-help-icon {
    margin-right: 0.2em; }
  .vxe-header--column .vxe-cell-help-icon {
    cursor: help; }
  .vxe-header--column .vxe-cell--title {
    line-height: 1.5; }
  .vxe-header--column .vxe-resizable {
    position: absolute;
    right: -7px;
    bottom: 0;
    width: 14px;
    height: 100%;
    text-align: center;
    z-index: 1;
    cursor: col-resize; }
    .vxe-header--column .vxe-resizable.is--line:before, .vxe-header--column .vxe-resizable.is--line:after {
      content: "";
      display: inline-block;
      vertical-align: middle; }
    .vxe-header--column .vxe-resizable.is--line:before {
      width: 1px;
      height: 50%;
      background-color: #D9DDDF; }
    .vxe-header--column .vxe-resizable.is--line:after {
      width: 0;
      height: 100%; }

.vxe-table--fixed-right-wrapper .vxe-header--column .vxe-resizable {
  right: auto;
  left: -7px; }