Table - Bootstrap-Vue

https://bootstrap-vue.github.io/docs/components/tables

HTML

<link rel="stylesheet" href="//unpkg.com/tether@latest/dist/css/tether.min.css">
<link rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css">
<script src="//unpkg.com/vue@latest/dist/vue.min.js"></script>
<script src="//unpkg.com/tether@latest/dist/js/tether.min.js"></script>
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<div id='app'>
  <table class="table table-bordered" v-for="(file, index) in fileData" :key="index">
    <thead>
      <tr>
        <th scope="col" v-for="(col, index2) in file[index]" :key="index2">
          <b-form-select v-model="options.value" :options="options">
            <template v-slot:first>
              <b-form-select-option :value="null" disabled>Ignore</b-form-select-option>
            </template>
          </b-form-select>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="(row, index2) in file" :key="index2">
        <td v-for="(data, index3) in row" :key="index3">
          {{ data }}
        </td>
      </tr>
    </tbody>
  </table>
</div>

CSS

#app {
  padding: 20px;
  height: 500px;
}

JavaScript

new Vue({
  el: "#app",
  data: {
    mappedColumns: [],
    selected: null,
    options: [{
        value: '1',
        text: 'Option 1'
      },
      {
        value: '2',
        text: 'Option 2'
      },
      {
        value: '3',
        text: 'Option 3'
      }
    ],
    fileData: [
      [
        ["123", "21/11/2013", "Data", "Data"],
        ["234", "22/11/2013", "Data", "Data"],
        ["345", "12/09/2018", "Data", "Data"],
      ],
      [
        ["123", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data"],
        ["234", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data"],
        ["345", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data", "Data"]
      ]
    ]
  },
})