ElementUI中如何實現Form表單內的文字居中

<el-table :data='orderList' border stripe 
:align='center' :cell-style='cellStyle' :header-cell-style='rowClass'> <el-table-column type='index'></el-table-column> <el-table-column label='訂單編號' prop='order_number'></el-table-column> </el-table>

在你的el-table裏寫上

 上面紅色的部分

1 cellStyle({row, column, rowIndex, columnIndex}){
2     return 'text-align:center';
3     },
4 
5 rowClass({row, rowIndex}){
6     return 'text-align:center';
7       },

！！這裏注意！是寫在methods內，不是在寫在script內

固然了，你直接在每一個el-table-column內寫 text-align:'center'也能夠實現文字水平居中，可是一旦el-table-column多了起來呢？總不能挨個加吧。那不優雅,嘻嘻

直接在el-table內加樣式  text-align:'center'目前沒有效果