1 <el-table 2 ref="singleTable" 3 :data="tableData" 4 highlight-current-row 5 @current-change="handleCurrentChange" 6 :header-cell-style="{background:'#ECF0FB'}" 7 :row-class-name="tableRowClassName" 8 style="width: 100%"> 9 <el-table-column type="index" width="50"></el-table-column> 10 <el-table-column prop="nickname" label="昵称"></el-table-column> 11 <el-table-column prop="emailAddress" label="邮箱地址"></el-table-column> 12 <el-table-column prop="updateDate" label="创建时间"></el-table-column> 13 <el-table-column label="操作" align="center"> 14 <template slot-scope="scope"> 15 <div v-if="scope.row.nickname==$store.state.basicInfo.xm"> 16 <el-button size="mini" class="disabled" disabled @click="transform({id:scope.$index,type:'edit'})">修改</el-button> 17 <el-button size="mini" class="disabled" disabled @click="handleDelete(scope.$index)">删除</el-button> 18 </div> 19 <div v-else> 20 <el-button size="mini" class="change" @click="transform({id:scope.$index,type:'edit'})">修改</el-button> 21 <el-button size="mini" class="delate" @click="handleDelete(scope.$index)">删除</el-button> 22 </div> 23 </template> 24 </el-table-column> 25 </el-table>
el-table中奇偶行背景色显示不同的颜色
猜你喜欢
转载自www.cnblogs.com/gwkzb/p/12560215.html
今日推荐
周排行