如何在el-表中添加el-输入和el-选择？

Question

我的电子表格标题(许多科尔)是从数据库中得到的。如何在表中添加el-输入和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>