dh-c/dist/table/table.css

The front-end development engineers jimberton gulp react component

/** default style */
/** small style */
/** large style */
.dh-sort-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: left;
  margin-left: 5px;
  cursor: pointer; }
  .dh-sort-icon i {
    font-size: 12px;
    transform: scale(0.8);
    color: #d8d8d8;
    opacity: 0; }
    .dh-sort-icon i[role=active] {
      color: #999999;
      opacity: 1; }

.dh-table {
  position: relative;
  border: 1px solid #e6eaee;
  border-radius: 3px;
  height: 100%;
  overflow: auto; }
  .dh-table table {
    width: 100%; }
    .dh-table table thead {
      height: 40px;
      line-height: 40px; }
      .dh-table table thead th:hover .dh-table-ext {
        opacity: 1; }
      .dh-table table thead th:hover .dh-sort-icon i {
        opacity: 1; }
    .dh-table table tr {
      height: 40px;
      line-height: 40px;
      font-size: 14px; }
      .dh-table table tr td, .dh-table table tr th {
        text-align: left;
        font-weight: normal;
        border-bottom: 1px solid #e6eaee;
        padding-left: 4px;
        padding-right: 4px;
        color: #575f6d;
        white-space: nowrap;
        position: relative; }
      .dh-table table tr td {
        color: #333c48; }
      .dh-table table tr:last-child td {
        border-bottom: none; }
      .dh-table table tr:hover td {
        background: #e6eaee !important; }
  .dh-table .an-table-col-frozen {
    pointer-events: none; }
    .dh-table .an-table-col-frozen:before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(248, 248, 248, 0.8); }
  .dh-table.dh-table-small thead {
    height: 32px;
    line-height: 32px; }
  .dh-table.dh-table-small tr {
    height: 32px;
    line-height: 32px;
    font-size: 12px; }
  .dh-table.dh-table-large thead {
    height: 60px;
    line-height: 60px; }
  .dh-table.dh-table-large tr {
    height: 60px;
    line-height: 60px; }
  .dh-table.dh-table-bordered table tr td, .dh-table.dh-table-bordered table tr th {
    border-right: 1px solid #e6eaee; }
    .dh-table.dh-table-bordered table tr td:last-child, .dh-table.dh-table-bordered table tr th:last-child {
      border-right: none; }
  .dh-table.dh-table-striped table tr:nth-child(even) td, .dh-table.dh-table-striped table th {
    background: #f8f9fa; }
  .dh-table.dh-table-striped table tr:nth-child(odd) td {
    background: #fff; }
  .dh-table-ext {
    position: absolute;
    text-align: center;
    right: 0px;
    top: 0px;
    opacity: 0;
    cursor: pointer; }