<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>
[前端]element-table居中
最新推荐文章于 2024-03-31 00:39:43 发布