@display: table,
  table-row,
  table-cell;

each(@display, {
    .d-@{value} {
      display: @value  !important;
    }
  }

) .d-table-cell {
  padding: 10px 5px;
  font-size: 14px;
  word-break: break-all;
  min-height: 42px;
  max-width: 150px;
  position: relative;
}

.d-table {
  background-color: #fff;

  .d-table-row.active {
    background-color: #d6e8ff;
  }

  .d-table-row:not(:first-child) {
    .d-table-cell {
      &::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 1px;
        background-color: #ddd;
        transform: scaleY(0.3);
      }
    }
  }
}

.table {
  position: relative;
  background-color: #fff;
  overflow: hidden;
  font-size: 13px;
  width: 100%;


}

.table1-view {
  width: 100%;
}

.table1 {
  width: var(--width, 100%);
  min-width: auto;
}

.text {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--max_line, 2)
}