在开发的时候,会经常用到element-ui表格功能,开发完后,发现表格内容不对齐,看起来不美观,刚好自己开发有遇到,就记录一下
一.定义方法
methods: {
rowStyle() {
return "text-align:center";
},
}
二.在表头中使用
<el-table
:cell-style="rowStyle"
>
</el-table>
三.在表行使用
<el-table-column
prop="inspect_item_conf_name"
align="center"
>
</el-table-column>
四.效果