/** thead **/
.n-th
  vertical-align middle
  height 100%
  overflow visible
  min-width 0
  min-height 36px
  position relative
  transition background-color 0.2s ease
  &-cell
    color $n-color-1
    font-weight bold
    text-align left
    font-size 12px
    line-height 20px
    padding 4px 6px
    min-height 28px
    background-color inherit
    display flex
    align-items center
    &.outer
      padding 0
  &-title
    n-ellipsis()
    font-weight inherit
    max-width 100%
  &-center
    justify-content center
  &-right
    justify-content flex-end
  &-hover-visible
    visibility hidden

.n-th-sort
  flex-shrink 0
  margin-left 4px


/** tbody **/
.n-tr
  transition background-color 0.2s ease
.n-tr:nth-child(odd)
  background-color #FBFCFE
.n-tr:nth-child(even)
  background-color #F0F3F6

.n-td
  vertical-align top
  min-width 0
  min-height 48px
  height 100%
  &-cell
    n-ellipsis()
    color $n-color-1
    font-size 12px
    line-height 20px
    padding 6px 6px
    min-height 32px
    &.height
      height 32px
    &.outer
      padding 0
  &-left
    text-align left
  &-center
    text-align center
  &-right
    text-align right
  &-text
    font-weight inherit


/** table附加的组件 **/

.n-table-loading
  pointer-events none
  z-index 10
  .n-progress
    background-color #CCCFD3
  .n-progress-bar
    background-color tint($primary-color, 20%)


.n-table-empty
  n-font-s()
  color $n-color-4
  height 100%
  position relative
  display flex
  flex-direction column
  &-center
    flex auto
    padding-top 5px
    display flex
    align-items center
    justify-content center
    min-height 27px

.n-table-blank
  height 5px