el-table样式

最新推荐文章于 2025-03-12 18:57:23 发布

zttbee

最新推荐文章于 2025-03-12 18:57:23 发布

阅读量1k

点赞数

分类专栏：前端样式与布局文章标签： vue.js elementui javascript

本文链接：https://blog.youkuaiyun.com/qq_43840793/article/details/134154892

版权

1、实现效果，外部框是蓝绿色边框，深色背景，里面的表格首先设置透明色，然后应用自定义斑马纹。
在这里插入图片描述
2、代码
template代码，其中样式frameBordStyle是深色背景框，不负责表格样式，表格样式由tableStyle负责

<div class="frameBordStyle tableStyle">
				<el-table :data="tableData" :row-class-name="tableRowClassName" height="48vh" style="width: 100%">
					<el-table-column prop="name" label="名称" width="90">
					</el-table-column>
					<el-table-column prop="action" label="操作动作" width="90">