.dh-datasheet {
  position: relative;
  overflow: auto;
  height: 100%;
  border: 1px solid #cecece; }
  .dh-datasheet table {
    width: 100%;
    outline: none; }
    .dh-datasheet table tr {
      height: 28px;
      line-height: 28px; }
      .dh-datasheet table tr:nth-child(2n) > td {
        background-color: #f7f8f9; }
      .dh-datasheet table tr th {
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        background: #ECEFF1;
        color: #666666;
        white-space: pre;
        padding: 0 6px; }
      .dh-datasheet table tr td {
        box-sizing: border-box;
        font-size: 12px;
        height: 100%;
        margin: 0;
        padding: 0;
        border-right: 1px solid #cecece;
        border-bottom: 1px solid #cecece;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        outline: none;
        background: #fff; }
        .dh-datasheet table tr td input.editable {
          padding: 0 6px;
          width: 100%;
          height: 100%;
          border: none;
          outline: none;
          background: none; }
        .dh-datasheet table tr td span {
          color: #333333;
          padding: 0 6px; }
      .dh-datasheet table tr td.selected {
        border: 2px solid #23C132; }