vue-component - 如何在 el-table 中添加 el-input&el-select？

Question

我的 el-table 标题（许多列）是从数据库中获取的。如何在表格中添加 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>