@ccs-design/rc-pro/lib/CcsTable/index.less

ccs design basic react component

@import '~antd/es/style/themes/default.less';

.ccs-table {
  &-card {
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-body
      > table
      > .@{ant-prefix}-table-tbody
      > tr
      > td,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-body
      > table
      > .@{ant-prefix}-table-thead
      > tr
      > th,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-scroll
      > .@{ant-prefix}-table-body
      > table
      > .@{ant-prefix}-table-tbody
      > tr
      > td,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-scroll
      > .@{ant-prefix}-table-body
      > table
      > .@{ant-prefix}-table-thead
      > tr
      > th,
    .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-fixed-right
      > .@{ant-prefix}-table-body-outer
      > .@{ant-prefix}-table-body-inner
      > table
      > .@{ant-prefix}-table-tbody
      > tr
      > td,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-scroll
      > .@{ant-prefix}-table-header
      > table
      > .@{ant-prefix}-table-thead
      > tr
      > th,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-fixed-right
      > .@{ant-prefix}-table-header
      > table
      > .@{ant-prefix}-table-thead
      > tr
      > th,
    .@{ant-prefix}-table-middle
      > .@{ant-prefix}-table-content
      > .@{ant-prefix}-table-fixed-right
      > .@{ant-prefix}-table-body-outer
      > .@{ant-prefix}-table-body-inner
      > table
      > .@{ant-prefix}-table-thead
      > tr
      > th {
      padding: 8px;
    }

    .@{ant-prefix}-pagination {
      margin: 0;
      padding: 16px;
      text-align: right;
    }
    .@{ant-prefix}-table-cell {
      .@{ant-prefix}-btn-link {
        height: auto;
        padding: 0;
        line-height: initial;
      }
    }
    .@{ant-prefix}-table-sticky-holder {
      z-index: 100;
    }
  }

  &-noselection {
    .@{ant-prefix}-table-thead {
      tr th:first-child {
        padding-left: 22px;
      }
    }

    .@{ant-prefix}-table-tbody {
      tr td:first-child {
        padding-left: 22px;
      }
    }
  }

  &-nodata {
    color: red;
    .@{ant-prefix}-table-content {
      overflow: hidden !important;
    }
    .@{ant-prefix}-table-body {
      overflow: hidden !important;
    }
  }
}