king
2023-04-06 0eacb2fbcaa01060f81219d1ce5b406ae50f0c80
src/tabviews/custom/components/share/normalTable/index.scss
@@ -28,6 +28,10 @@
    cursor: not-allowed;
    --mk-table-color: #bcbcbc;
    span, div {
      color: #bcbcbc!important;
    }
    .ant-btn {
      cursor: not-allowed;
    }
@@ -90,16 +94,16 @@
        // vertical-align: top;
        .card-cell-list {
          color: rgba(0, 0, 0, 0.85);
          color: inherit;
        }
        .ant-mk-picture {
          position: relative;
          background-position: center center;
          background-size: cover;
          margin: 2px;
        }
        .ant-mk-picture.scale {
          cursor: zoom-in;
        .video-wrap {
          .video-react-playback-rate {
            display: none;
          }
        }
        .action-col {
          .ant-btn > .anticon + span {
@@ -200,12 +204,10 @@
  }
  table tr {
    th .ant-table-column-title {
      // color: var(--mk-table-color)!important;
      font-size: var(--mk-table-font-size)!important;
      font-weight: var(--mk-table-font-weight)!important;
    }
    td {
      color: var(--mk-table-color)!important;
      font-size: var(--mk-table-font-size)!important;
      font-weight: var(--mk-table-font-weight)!important;
@@ -213,6 +215,19 @@
        font-weight: var(--mk-table-font-weight)!important;
      }
    }
  }
  table tbody tr {
    color: var(--mk-table-color);
  }
  // table tbody {
  //   tr:nth-child(even) {
  //     background: #f5f5f5;
  //   }
  // }
}
.normal-custom-table:not(.ghost) {
  .ant-table-small > .ant-table-content .ant-table-thead > tr > th {
    background-color: #fafafa!important;
  }
}
.normal-custom-table:not(.fixed-height) {
@@ -245,6 +260,65 @@
    display: none;
  }
}
.normal-custom-table.mk-fixed-last-col {
  table {
    .ant-table-thead {
      tr:first-child {
        th:last-child {
          position: sticky !important;
          z-index: 2;
          right: 0px;
          box-shadow: 0 1px 1px #bcbcbc;
        }
      }
    }
    .ant-table-tbody {
      tr {
        td:last-child {
          position: sticky !important;
          z-index: 2;
          right: 0px;
          background: #ffffff;
          box-shadow: 0 1px 1px #bcbcbc;
        }
      }
    }
  }
}
.normal-custom-table.mk-fixed-first-col {
  table {
    .ant-table-thead {
      tr:first-child {
        th:first-child {
          position: sticky !important;
          z-index: 2;
          left: 0px;
        }
        th.ant-table-selection-column + th {
          position: sticky !important;
          z-index: 2;
          left: 60px;
        }
      }
    }
    .ant-table-tbody {
      tr {
        td:first-child {
          position: sticky !important;
          z-index: 2;
          left: 0px;
          background: #ffffff;
        }
        td.ant-table-selection-column + td{
          position: sticky !important;
          z-index: 2;
          left: 60px;
          background: #ffffff;
        }
      }
    }
  }
}
.normal-custom-table.ghost {
  .main-pickup {
    display: none;