

.unf-table
  width 100%
  height 100%
  display flex
  flex-direction column
  overflow hidden
  position relative
  padding-bottom 20px
  &-body-wrapper
    height 100%
    position relative
    display flex
  &-body-inner
    position relative
    flex auto
  &-scroll
    width 100%
    overflow-y hidden
    flex-shrink 0
    position absolute
    bottom 0
    z-index 999
    &-target
      height 1px
  &-scroll-vertical
    overflow-x hidden
    flex-shrink 0
    position absolute
    right 0
    top 0
    height 100%
    z-index 999
    width 20px
    &-target
      width 1px
  table
    table-layout fixed
    position relative
  &-cell
    text-align center
    padding 8px 10px
    color #000
    font-size 12px
    display flex
    align-items center
  &-thead
    &-shadow
      box-shadow $box-shadow
    &-th
      position relative
      &-resize
        position absolute
        display inline-block
        right 0
        top 0
        bottom 0
        width 4px
        background-color transparent
        cursor col-resize
        &:hover
          background-color $table-head-resize-color
  &-thead-tr
    position relative
    height 40px
    background-color $table-head-bg-color
    overflow hidden
    z-index 90
    flex-shrink 0
  &-head
    position absolute
    top 0
    z-index 2
  &-fixed-left
  &-fixed-right
    background-color $table-head-bg-color
    overflow hidden
    display inline-block
    position absolute
    top 0
    z-index 3
    height 100%
    display flex
    flex-direction: column
    &-head
      position relative
      z-index 99
    &-body
      flex auto
      width 100%
      background-color $tableBodyBg
    &.shadow
      box-shadow $box-shadow
  &-fixed-left
    left 0
  &-fixed-right
    right 0
  &-body
    position relative
    height 100%
    background-color $tableBodyBg
  &-tbody
    &-row
      position relative
      height 40px
      align-items flex-start
      &:nth-child(even)
        background-color $table-body-even-bg-color
      &-hover
        background-color $table-body-hover-bg-color !important
        z-index 30
      &-drop
      &-active
      &-check
        background-color $table-body-active-bg-color !important
        &:before
          display inline-block


