[前端]element-table居中

<el-table
                border
                :data="tableData"
                class="tableBorder"
                :header-cell-style="{'text-align':'center'}"
                :cell-style="{'text-align':'center'}"
                size="small"
                style="width: 100%;">
                <el-table-column
                prop="quartzName"
                min-width="20%"
                label="名称"/>
                <el-table-column
                prop="quartzCron"
                min-width="20%"
                label="cron表达式"/>
                <el-table-column
                prop="quartzStatus"
                min-width="20%"
                label="状态" >
                <template slot-scope="scope">
                    <span>{{scope.row.quartzStatus|statusFilter()}}</span>
                </template>
                </el-table-column>
                <el-table-column
                prop="chargeTime"
                min-width="20%"
                label="操作">
                    <template slot-scope="scope">
                        <el-button v-if="scope.row.timerStatus == 0" @click="changeStatus(1)" type="text">开启</el-button>
                        <el-button v-if="scope.row.timerStatus == 1" @click="changeStatus(0)" type="text">暂停</el-button>
                        <el-button @click="changeStatus(2)" type="text">立即执行</el-button>
                    </template>
                </el-table-column>
            </el-table>

版权声明:本文为Zhouzsn原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。