.uif-table
  overflow hidden
  background-color $table-bg-color
  min-height $table-min-height
  &-border
    border 1px solid $table-border-color
  &-flex
    display flex
    flex-direction column
    height 100%
    .uif-table-body-container
      height 0
  .uif-loading-bar
    z-index 1
  &-empty
    color $table-empty-color
    font-size $table-empty-font-size
    top 50%
    width 100%
    margin-top 5px
    text-align center
    position absolute

// header
.uif-table-header-container
  position relative
  border-bottom 1px solid $table-border-color
  background-color $table-content-bg-color
.uif-table-header-main
  background-color $table-content-bg-color
  overflow hidden
.uif-table-header-left
  border-right 1px solid $table-border-color
  background-color $table-content-bg-color
  position absolute
  left 0
  top 0
  width 0
i.uif-table-header-setting
  transform translateY(2px)
  background-color #e8e9ed
  line-height 24px
  position absolute
  width 24px
  right 0
  top 0


// body
.uif-table-body-container
  flex auto
  position relative
  overflow-x hidden
.uif-table-body-main
  min-height 100%
  overflow auto
.uif-table-body-left
  border-right 1px solid $table-border-color
  min-height 100%
  overflow hidden
  position absolute
  left 0
  top 0
  width 0

// scroll
.uif-table-scroll
  position absolute
  left 0
  right 0
  bottom 0
  height 0
  overflow-y hidden
.uif-table-scroll-inner
  visibility hidden