el-table-column 列隐藏 内容居中

 <el-table
                        :header-cell-style="{'text-align':'center'}"
                        height="600"
                        :row-style="{height:'20px'}"
                        ref="mainTable"
                        :data="table2.main.data"
                        style="width:100%; font-size: 14px"
                        v-loading="table2.main.loading"
                        @selection-change="val => table2.main.selection = val.map(i => i.id)"
                        @row-click="(row, event, column) => $refs.mainTable.toggleRowSelection(row)">

                    <el-table-column
                            v-if="false"
                            label="wxId"
                            prop="wxId" align="center">
                    </el-table-column>
                    <el-table-column
                            width="120"
                            prop="consultantName"
                            label="接量顾问" align="center">
                    </el-table-column>
                    <el-table-column
                            prop="currentProbability"
                            label="当前概率(%)" align="center">
                        <template slot-scope="scope">
                            <span style="color:red;">{{scope.row.currentProbability}}</span>
                        </template>
                    </el-table-column>
                    <el-table-column
                            prop="todayTotal"
                            label="今日名片" align="center">
                        <template slot-scope="scope">
                            <span style="color:red;"
                                  v-if="scope.row.todayTotal >= scope.row.todayLimit">{{scope.row.todayTotal}}</span>/{{scope.row.todayLimit}}
                            <span style="color:deepskyblue;"
                                  v-else>{{scope.row.todayTotal}}</span>/{{scope.row.todayLimit}}
                        </template>
                    </el-table-column>
                    <el-table-column
                            v-if="false"
                            hidden="hidden"
                            prop="todayLimit"
                            label="今日上限" align="center">
                    </el-table-column>
                    <el-table-column
                            prop="yestTotal"
                            label="昨日名片" align="center">
                        <template slot-scope="scope">
                            <span style="color:red;" v-if="scope.row.yestTotal >= scope.row.yestLimit">{{scope.row.yestTotal}}</span>/{{scope.row.yestLimit}}
                            <span style="color:deepskyblue;" v-else>{{scope.row.yestTotal}}
                            </span>/{{scope.row.yestLimit}}
                        </template>
                    </el-table-column>
                    <el-table-column
                            v-if="false"
                            style="font-weight: bold;color: #00acd6"
                            prop="yestLimit"
                            label="昨日上限" align="center">
                    </el-table-column>
                    <el-table-column
                            prop="cumulativeThisMonth"
                            label="当月累计" align="center">
                    </el-table-column>

                    <el-table-column
                            label="快速调整"
                            fixe="right" align="center">
                        <template slot-scope="scope">
                            <el-button type="primary" @click.stop="toUpdateWindow(scope.row.wxId)"
                                       icon="el-icon-edit"></el-button>
                        </template>
                    </el-table-column>
                </el-table>

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值