el-table里的el-input居中
时间: 2024-10-09 19:07:50 浏览: 67
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
在Element UI的表格组件`el-table`中,如果你想让嵌套的`el-input`元素水平居中显示,你可以通过CSS样式来实现。你可以直接为这个输入框添加一个类名,然后在CSS中设置`text-align: center;`,使其文本内容居中对齐。例如:
```html
<template>
<el-table>
<el-table-column prop="name">
<template slot-scope="scope">
<el-input class="center-input" v-model="scope.row.value" placeholder="请输入值"></el-input>
</template>
</el-table-column>
</el-table>
</template>
<style scoped>
.center-input {
text-align: center;
}
</style>
```
在这个例子中,`.center-input` 类会使输入框内的文字居中。
阅读全文