表格样式记录（原生）

.table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  border: 1px solid #eee;
  font-size: 14px;
  text-align: center;
  line-height: 1.2;

  tfoot,
  thead {
    tr {
      th {
        position: sticky;
        top: 0;
        font-weight: bold;
        padding: 4px 0;
        //font-weight: normal;
        border: 1px solid #eee;
        background-color: #f9f7fa;
        z-index: 3;
      }
    }
  }

  tfoot tr th {
    top: auto;
    bottom: 0;
    // padding-bottom: calc(5px + env(safe-area-inset-bottom));
    font-weight: bold;
  }

  tbody {
    tr {
      td {
        padding: 8px 0;
        border: 1px solid #eee;
        font-family: Arial;
      }
    }
  }
  .tr-bg {
    background-color: rgb(240, 249, 235);
    position: sticky;
    left: 0;
    z-index: 0;
  }

  &.chart {
    border: 0;

    thead tr th,
    tbody tr td {
      padding: 0 4px;
    }
  }

  @media (max-width: 460px) {
    .tr-hg {
      position: sticky;
      top: 29px;
    }
  }

  tr:hover {
    background-color: lavenderblush;
  }
}

手机 和 PC适用 仅作为记录