0


element ui修改el-table表格单元格边框颜色

element-ui官网

第一步:设置除表头单元格边框样式 :cell-style=“{borderColor:‘#01e3ed’}”
第二步:设置表头单元格边框样式 :header-cell-style=“{borderColor:#01e3ed}”

<el-table v-loading="loading":data="userList":cell-style="{borderColor:'#01e3ed'}":header-cell-style="{borderColor:'#01e3ed'}">
      tooltip="true"/></el-table>

第三步:单独给表格加样式 加个类名class=“exporttable”

<el-table v-loading="loading"class="exporttable":data="userList":cell-style="{borderColor:'#01e3ed'}":header-cell-style="{borderColor:'#01e3ed'}"><el-table-column type="selection" width="50" align="center"/><el-table-column label="用户编号" align="center" prop="userId"/><el-table-column label="用户名称" align="center" prop="userName":show-overflow-tooltip="true"/></el-table>.exporttable {border: solid 1px #c0c0c0;}

第四步:功能实现 -点赞 + 收藏!你是最美的!

标签: ui vue.js 前端

本文转载自: https://blog.csdn.net/m0_71645665/article/details/131718637
版权归原作者 小陈要快乐呀! 所有, 如有侵权,请联系我们删除。

“element ui修改el-table表格单元格边框颜色”的评论:

还没有评论