table trtd tbody

<template>
  <div class="view-table">
    <table   border="1" >
      <tr class="tr">
        <td>指标名称</td>
        <td>时间</td>
        <td>指标状态</td>
        <td>企业数量</td>
        <td>企业名称</td>
      </tr>
      <tbody>
      <tr>
        <td rowspan="2" >1</td>
        <td rowspan="2">2</td>
        <td >
          监管
        </td>
        <td>
       3
        </td>
        <td>
         4
        </td>
      </tr>
      <tr>
        <td >
          预警
        </td>
        <td>
       5
        </td>
        <td>
       6
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {

  },
  data() {
    return {
    }
  },
  methods: {
  }
};
</script>
<style scoped lang="less">
.view-table{
  height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}
table {
  border-collapse:collapse;
  margin-left: 11px;
  width: 100%;
  text-align: center;
  border: 1px solid #607cc7;
}
table .tr td{
  background: #607cc7;
  //color: #ffffff;
  height: 38px;
  line-height: 38px;
  //border-right: 1px solid #ffffff;

}
//table tr:nth-child(1) td:nth-child(4) {
//  border-right: 1px solid #607cc7;
//
//}
table tr td{
  height: 30px;
  line-height: 30px;
}
.table1{
  margin-bottom: 44px;
}
</style>