как добавить el-input и el-select в el-table?

Question

мой заголовок электронной таблицы (много столбцов) был получен из базы данных. Как добавить el-input и el-select в таблицу?

              <el-table :data="tableData" style="width: 100%">
            <el-table-column v-for="col in partstitle" :key="col.id" :label="col.title">
            </el-table-column>
        </el-table>

Answer 1

Используйте таблицу с пользовательским заголовком , чтобы поместить элементы управления в заголовок таблицы, и шаблон пользовательского столбца , чтобы изменить содержимое столбца.

      <el-table-column label="Input">
    <template #header>
        <el-input v-model="search" size="mini" placeholder="Type to search" />
    </template>
</el-table-column>

<el-table-column label="Select">
    <template #default="scope">
        <el-select v-model="value" placeholder="Select">
        ...
        </el-select>          
    </template> 
</el-table-column>