<template>
   <div class="table_div">
              <div class="table_cur">
                <table>
                  <tr>
                    <th style="width: 50px">序号</th>
                    <th style="width: 50px">站名</th>
                    <th style="width: 100px">时段雨量(mm)</th>
                    <th style="width: 100px">昨日降雨(mm)</th>
                    <th style="width: 80px">所属政区</th>
                  </tr>
                  <div style="max-height: 260px; overflow-y: auto">
                    <tr>
                      <td style="width: 50px">1</td>
                      <td style="width: 50px">jj</td>
                      <td style="width: 100px">5.7</td>
                      <td style="width: 100px">5.7</td>
                      <td style="width: 80px">讲下</td>
                    </tr>
                  <!-- <tr v-for="(item, index) in tableData.data.data" :key="index">
                      <td style="width: 62px">{{ index + 1 }}</td>
                      <td style="width: 70%">{{ item.name }}</td>
                      <td style="width: 50%">{{ item.drp }}</td>
                    </tr> -->
                  </div>
  
                  <!-- <tr>
                    <td style="width: 62px">1</td>
                    <td style="width: 70%">水库水库</td>
                    <td style="width: 50%">11</td>
                  </tr> -->
                </table>
              </div>
            </div>

</template>

<script>
</script>

<style lang="scss" scoped>
  .table_div {
    height: 100%;
    max-width: calc(100% - 0px);
    max-height: calc(100vh - 24px);
    flex: 1;
    padding-top: 0px;
    overflow-x: scroll;
  }
  /*table样式*/
  .table_cur {
    width: 100%;
    empty-cells: show;
    border-collapse: collapse;
    font-size: 14px;
  }
  .table_cur tr {
    display: flex;
    line-height: 56rpx;
  }
  .table_cur th {
    height: 56rpx;
    color: #2f4056;
    background: #e1f3ff;
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center !important;
  }
  
  .table_cur td {
    height: 56rpx;
    // border-bottom: 1px solid #d8ddeb;
    font-size: 14px;
    color: #2f4056;
    padding: 0 10px;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center !important;
  }
  /*table样式 end*/
</style>