element中表格中对其解决方法：

element中表格中对其解决方法：

一开始错位的表格的样式：​

 

发现我们设置的align="center"居中没人用  后面是操作列里的按钮影响了它   直接把align里的属性("left","right","center")根据自己需要的来设置就好了

 

​

 

​​我这里是设置了align="right"  就对齐了

 

  <el-table-column prop="化环中心" :formatter="moneyFormatter" label="化环中心" align="right" width="100"> </el-table-column>
                         <el-table-column prop="配网中心" :formatter="moneyFormatter" label="配网中心" align="right" width="100"> </el-table-column>
                         <el-table-column prop="物联网中心" :formatter="moneyFormatter" label="物联网中心" align="right" width="100"></el-table-column>
                         <el-table-column prop="电网中心"   :formatter="moneyFormatter" label="电网中心" align="right" width="100"> </el-table-column>
                         <el-table-column prop="能源中心" :formatter="moneyFormatter"  label="能源中心" align="right"  width="100"></el-table-column>
                         <el-table-column prop="继保中心" :formatter="moneyFormatter" label="继保中心" align="right" width="120"></el-table-column>
                        <el-table-column fixed="right" label="操作" >
                          <template slot-scope="scope">
                               <el-button size="mini" style="float:right;" @click="handleCurrentRowAction(scope.row,'pass')">通过</el-button>
                               <el-button size="mini" style="float:right;margin-left:0px;margin-top:10px;" @click="handleCurrentRowAction(scope.row,'reject')">驳回</el-button>
                          </template>
                        </el-table-column>

 

​​​

 

 

 

 

 

 

 

 

 

 

 

​​