style.scss

%TextWhiteSpace {
  white-space: pre-wrap;
  word-break: break-all;
}

.vxe-table-x-renderer {
  .x-textarea--resize {
    @extend %TextWhiteSpace;
    position: absolute;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    z-index: -1;
    visibility: hidden;
  }
  .vxe-body--column {
    &.col--actived {
      & > .vxe-cell {
        padding: 0;
      }
    }
    &:not(.col--ellipsis) {
      & > .vxe-cell {
        & > .x-textarea--content {
          @extend %TextWhiteSpace;
        }
      }
    }
    & > .vxe-cell {
      & > .x-input--wrapper,
      & > .x-textarea--wrapper {
        width: 100%;
        display: block;
        position: relative;
        .x-input,
        .x-textarea {
          position: absolute;
          top: -1px;
          left: -1px;
          outline: 0;
          padding-left: 10px;
          padding-right: 10px;
          border: 1px solid #409eff;
          &:focus {
            outline: 0;
          }
        }
      }
      & > .x-input--wrapper {
        position: relative;
        &.is--prefix {
          .x-input {
            padding-left: 30px;
          }
        }
        &.is--suffix {
          .x-input {
            padding-right: 30px;
          }
        }
        .x-input {
          width: 100%;
          height: 100%;
        }
        .x-input--prefix,
        .x-input--suffix {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          z-index: 1;
          &.is--trigger {
            cursor: pointer;
            &:hover {
              color: #409eff;
            }
          }
        }
        .x-input--prefix {
          left: 10px;
        }
        .x-input--suffix {
          right: 10px;
        }
      }
      & > .x-textarea--wrapper {
        @extend %TextWhiteSpace;
        .x-textarea {
          overflow: hidden;
          resize: none;
        }
      }
    }
  }
}