关于element-ui 中 table 表头以及行内数据样式设置

最新推荐文章于 2025-04-11 16:08:19 发布

RonnieFeng

最新推荐文章于 2025-04-11 16:08:19 发布

阅读量7k

点赞数 3

分类专栏： element-ui 文章标签： vue element-ui el-table 表头、行内数据样式

本文链接：https://blog.csdn.net/csdn6107/article/details/86309960

版权

element-ui 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍如何在Element-UI中设置table组件的表头及行内数据样式，包括使用自定义样式属性实现居中对齐等效果。

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

关于element-ui 中 table 表头以及行内数据样式设置

<el-table
    :data="devData"
	style="width: 100%;"
    height="52vh"
    :header-cell-style="{
    	/* 样式名称 ： 属性 */
		'text-align':'center',
     }"
    :cell-style="{
		 /* 样式名称 ： 属性 */
		'text-align': 'center',
    }">
    <el-table-column
	    prop="****"
	    label="****"
	    width="180">
    </el-table-column>
</el-table>