.view-table
    &-wrapper
        position: relative
        border: 1px solid $border-color-base
        border-bottom: 0
        border-right: 0
    width: inherit
    height: 100%
    max-width: 100%
    overflow: hidden
    color: $text-color
    font-size: $font-size-small
    background-color: #fff

    box-sizing: border-box

    &-hide
        opacity: 0

    &:before
        content: ''
        width: 100%
        height: 1px
        position: absolute
        left: 0
        bottom: 0
        background-color: $border-color-base
        z-index: 1

    &:after
        content: ''
        width: 1px
        height: 100%
        position: absolute
        top: 0
        right: 0
        background-color: $border-color-base
        z-index: 3

    th, td
        min-width: 0
        height: 48px
        box-sizing: border-box
        text-align: left
        text-overflow: ellipsis
        vertical-align: middle
        border-bottom: 1px solid $border-color-split

    th
        height: 40px
        white-space: nowrap
        overflow: hidden
        background-color: $table-thead-bg
    td
        background-color: #fff
        transition: background-color $transition-time $ease-in-out

    & table
        table-layout: fixed

    &-border
        th,td
            border-right: 1px solid $border-color-split

    &-large
        font-size: $font-size-base
        th
            height: 48px
        td
            height: 60px
        &-title, &-footer
            height: 60px
            line-height: 60px

    &-small
        th
            height: 32px
        td
            height: 40px
        &-title, &-footer
            height: 40px
            line-height: 40px

    &-tip
        table
            width: 100%