el-table表格表头居中,表内容根据字段来右对齐,合计的也是跟着内容来右对齐

下面是完整的代码在el-table标签里控制表头:
:header-cell-style="{‘text-align’:‘center’}"
在el-table-column里面控制表内容:
:align=“title.Code==‘FailPresNum’ || title.Code==‘FailRate’ ? ‘right’ : ‘center’”

<el-table v-loading="loading" win-loading-text="加载中" :data="tableData21" border
style="width: 100%" min-height="300" max-height="600" stripe
:default-sort="{prop: 'DeptCode', order: 'descending'}" @sort-change="sortChange" show-summary :summary-method="getSummaries" 
:header-cell-style="{'text-align':'center'}">
   <template v-for="title in TableInfoHeader21">
     <el-table-column :min-width="AutoWidth(title)" 										:sortable="title.CanSort ? 'custom' : false" :align="title.Code=='FailPresNum' || title.Code=='FailRate' ? 'right' : 'center'" show-overflow-tooltip :key="title.ID" :prop="title.Code" :label="title.Name">
     </el-table-column>
   </template>
 </el-table>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值