如何设置elementui中el-select的宽度和单元格的宽度一致
0
悬赏园豆：5
[待解决问题]
<el-table
:data="tableData7" @cell-dblclick="celldbclick"
border
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
<el-table-column width="180" show-overflow-tooltip="true">
<template v-slot="scope">
<el-input v-model="input" placeholder="请输入内容" v-if="aaaaa"></el-input>
<span v-else></span>
</template>
</el-table-column>
<el-table-column >
<template v-slot="scope">
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-table-column>
</el-table>
所有回答(1)
0
https://codepen.io/pen
在线调试里是正常的（如下图）：
检查下是不是项目里哪里写了什么样式影响了
1、右键HTML看下什么样式导致下拉框选项宽度这么宽
2、找不到的话就在项目里新建个页面试试效果，只放一个table，table里给一列作为下拉框
3、排除法：把该页面不相关的代码（js/css/html）逐个删除，最后只留这个table，看哪一步后恢复正常
PS：在线调试地址是element ui官网提供的，一般官网语法没问题的话，基本问题就出在项目里了。