naive-ui/styles/AdvancedTable.scss

@import "./mixins/mixins.scss";
@import "./theme/default.scss";
// TODO: 滚动条
.n-advance-tabel__wrapper {
  width: 100%;
  overflow: hidden;
  .n-table {
    // background-color: #2b3147;
    table {
      word-wrap: break-word;
      word-break: break-all;
      table-layout: fixed;
      // width: auto;
    }
    &::-webkit-scrollbar {
      width: 5px;
    }
    &::-webkit-scrollbar-track {
      background: transparent;
    }
    &::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.2);
      border-radius: 2.5px;
    }
    &::-webkit-scrollbar-thumb:hover {
      background: rgba(255, 255, 255, 0.3);
    }
    &::-webkit-scrollbar-corner {
      background: transparent;
    }
    &::-webkit-scrollbar:horizontal {
      height: 5px;
    }
    table thead tr th:last-of-type {
      padding-left: 32px;
    }
  }
  .n-advanced-table__td-text-ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .n-advanced-table__td-text-ellipsis>*{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .n-advanced-table__td-text{
    &-center{
      text-align: center;
    }
    &-left{
      text-align: left;
    }
    &-right{
      text-align: right;
    }
  }
  .n-advanced-table__pagination {
    margin-top: 27px;
    display: flex;
    justify-content: flex-end;
  }
  .n-advance-table__operation {
    display: flex;
    justify-content:space-between;
  }
  .n-advance-table__operation__right {
    display: flex;
    align-items: center;
  }
  .n-no-data-tip {
    padding: 5px;
    text-align: center;
    width: 100%;
    display: table-cell;
  }
}