Element ui 表格行高自定义

最新推荐文章于 2024-09-16 17:51:15 发布

白小道

最新推荐文章于 2024-09-16 17:51:15 发布

阅读量627

点赞数 1

分类专栏： vue 文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_43335170/article/details/116484253

版权

vue 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用Element UI的el-table组件，特别关注了如何设置自定义的表头样式，包括高度、内边距和背景色。通过row-style和cell-style属性，演示了如何调整行高和单元格布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<el-table :data="data" style="width: 100%" height="550" border :show-header="true" :row-style="{height:'20px'}" :cell-style="{padding:'0'}" :header-cell-style='headerStyle'>
</el-table>

	data() {
			return {
				headerStyle: {
					'height': '30px',
					'padding': '0',
					'background': 'rgb(84, 92, 100)',
					'color': '#fff',
				},
            }
        }