Javascript 如何在vuejs中连接两列？

我希望你能帮助我，我想在一个数据表中组合两列，我在一列中有一个图标，在另一列中有一个对开本编号，但我需要图标与对开本编号一起提供

这是我的html

 <v-data-table :headers="headers" :items="f4List" :items-per-page="10" class="elevation-0">
                <template v-slot:item.Minf="{ item }">
                <v-btn class="ma-2" outlined fab small color="secondary" v-on="on">
              <v-icon @click="reportItem(item)">mdi-file-document</v-icon>
              </v-btn>
            </template>

          </v-data-table>

我希望图标

mdi文件文档

在Iniciativa的标题中重复 因为我在一个标题中有图标，在另一个标题中有对开本编号

---

建议添加更多关于您想要的信息推荐添加更多关于您想要的信息

 headers: [
      { text: "", value: "Minf", sortable: true,},
      {
        text: "Iniciativa",
        value: 'folio', 
      },
      { text: "Estatus", value: "validado", sortable: false },
      { text: "Subdirecciones", value: "subdirecciones" },
      { text: "Fecha de Creación", value: "fecha_creacion" },
      //{ text: "Contratista", value: "contratista" },
      // { text: "Comentarios", value: "comentarios" },
      { text: "Fecha Validación", value: "fecha_validacion" },
      { text: "Acciones", value: "actions", sortable: false, align: "center" },
      { text: "Relacionar Iniciativa - Contrato", value: "generadores", sortable: false,
       align: "center", }
    ],