用h5写表格，滚动

  <div
              class="tableClass"
            >
              <div
                class="tableClass one">序号
              </div>
              <div class="tableClass two">接入商</div>
              <div class="tableClass three">备案量</div>
            </div>
            <div style="width: 100%;height: 80%;display: flex">
              <vue3-seamless-scroll
                hover-stop="true"
                :list="tableData"
                hover="true"
                step="0.5"
                class="scroll"
              >
                <div v-for="(item, i) in tableData" :class="i % 2==0? 'tableContent':'tableContent1'">
                  <div class="tableContent one">{{
                      i + 1
                    }}
                  </div>
                  <div class="tableContent two">{{
                      item.name
                    }}
                  </div>
                  <div class="tableContent three">{{
                      item.num
                    }}
                  </div>
                </div>
              </vue3-seamless-scroll>
            </div>

.tableClass {
  width: 100%;
  display: flex;
  flex-direction: row;
  height: 20%;
  background: #113052;
  align-items: center;
  color: #839ca1;

  .one {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10%;
    height: 100%;
    border-right: #154268 1px solid;
  }

  .two {
    display: flex;
    align-items: center;
    width: 60%;
    height: 100%;
    border-right: #154268 1px solid;
    justify-content: center;
  }

  .three {
    display: flex;
    align-items: center;
    width: 30%;
    height: 100%;
    border-right: #154268 1px solid;
    justify-content: center;
  }
}

.tableContent {
  display: flex;
  width: 100%;
  height: 3.8vh;
  border-right: #154268 1px solid;
  border-bottom: #154268 1px solid;
  justify-content: center;
  align-items: center;
  color: #8dadb7;

  .one {
    width: 10%;
    color: #cecbc8;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }

  .two {
    width: 60%;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }

  .three {
    width: 30%;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }
}

.tableContent1 {
  display: flex;
  width: 100%;
  height: 3.8vh;
  border-right: #154268 1px solid;
  border-bottom: #154268 1px solid;
  justify-content: center;
  align-items: center;
  color: #8dadb7;
  background: rgba(18, 30, 52, 0.85);

  .one {
    width: 10%;
    color: #cecbc8;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }

  .two {
    width: 60%;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }

  .three {
    width: 30%;
    border-right: #154268 1px solid;
    border-bottom: #154268 1px solid
  }
}