前端vue实现一个3行6列的表格

<template>
  <div class="table">
    <div class="table-row" v-for="row in 3" :key="row">
      <div class="table-cell" v-for="column in 6" :key="column">
        Cell {{ (row - 1) * 6 + column }}
      </div>
    </div>
  </div>
</template>
<style>
  .table {
    display: table;
  }
  .table-row {
    display: table-row;
  }
  .table-cell {
    display: table-cell;
    border: 1px solid black;
    padding: 5px;
  }
</style>